/* ***** common.css ***** */
* {
margin: 0px;
padding: 0px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;
}
body {
/*font-family: Arial, Helvetica, sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
text-align:center;
}
#version {
position:absolute;
right:0;
top:0;
color:#CCCCCC;
font-size:10px;
}
img {
border: none;
}
a {
color: #519713; /*simplyblue*/
text-decoration: underline;
cursor: pointer;
}
a:hover {
color: #519713;
}
h1, h2, h3, h4, h5, h6 {
color: #428C0C;
}
h1 {
font-size: 150%; /*18pt*/
line-height: 150%; /*20pt*/
font-weight: normal;
}
h2 {
font-size: 100%;
line-height: 150%;
}
h3, h4, h5, h6 {
font-size: 80%;
line-height: 150%;
}
p, ul, ol, dl {
font-size: 80%;
line-height: 150%;
}
table {
border-collapse: collapse;
}
input.button {
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif
width:140px;
padding:5px;
}
button {
cursor: pointer;
}
/* ***** TRIM ***** */
html, body {
height: 100%;
}
#trim {
height: auto;
min-height: 100%;
border-left: 36px solid #D1E39B; /*trimgreen*/
border-right: 36px solid #8DD8F8; /*trimblue*/
}
* html #trim {
height: 100%; /*IE6*/
}
/* ***** HEADER ***** */
#header {
width: 770px;
padding: 10px 0 0 0;
}
#header a, #header label {
white-space: nowrap;
}
#header_logo {
clear: left;
float: left;
width: 200px;
height: 107px;
font-size: 70%;
position:relative;
margin-right: 20px;/* overflow: hidden;*/
margin-left:10px;
}
/*
#header_logo a {
display: block;
width: 205px;
height: 65px;
background: url(../img/simplyhired.gif) no-repeat left top;
}
*/
#header_search {
padding-top:0px;
}
#header_search .element {
float: left;
padding-right: 6px;
}
#header_search .clear {
clear: left;
}
#header_search p {
font-size: 70%;
line-height: 150%;
}
#header_search label {
font-size: 80%;
font-weight: bold;
color: #333;
}
#header_search input.text {
width: 16em;
margin: 2px 0px;
border: 1px solid #999;
padding: 1px;
font-size: 100%;
}
#header_search select.dropdown {
width: 16em;
margin: 2px 0px;
border: 1px solid #999;
padding: 1px;
font-size: 100%;
}
#header_search input.button {
width: 8em;
margin: 2px 0px;
padding: 2px;
font-size: 100%;
line-height: 110%;
color: #333;
}
/* ***** USER ***** */
#user {
border-bottom: 1px solid #ccc;
padding: 4px 20px;
}
#user .links {
font-size: 70%;
line-height: 150%;
color:#333;
}
.greytxt {
font-size: 70%;
line-height: 150%;
color:#333;
}
#user .left {
float: left;
}
#user .right {
text-align: right;
}
#user span.s {
margin: 0px 0.5em;
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 110%;
color: #ccc;
}
#site_links a {
font-size: 110%;
margin-right: 14px;
}
#user_links span.s {
margin: 0px 4px;
}
#user_links .welcome, #user_links .myjobs, #user_links .user {
font-weight: bold;
}
#user_links .welcome {
color: #333;
}
#user_links .saved {
margin-left: 4px;
}
#user_links .myjobs {
position: relative;
padding-left: 20px; /*16+4*/
}
#user_links .myjobs span {
position: absolute;
top: 0px;
left: 0px;
width: 16px;
height: 100%;
background: url(../images/icons.gif) no-repeat scroll -60px center;
}
* html #user_links .myjobs span {
height: 14px; /*IE6*/
}
/* ***** NAVBAR ***** */
#navbar {
min-height: 18px;
margin: 0px 8px;
border: 1px solid #eee;
border-bottom: 1px solid #ddd;
padding: 4px 12px;
background: url(../img/bar.gif) repeat-x left bottom;
}
* html #navbar {
height: 18px; /*IE6*/
}
#navbar h1, #navbar h2, #navbar h3, #navbar h4, #navbar h5, #navbar h6 {
display: inline;
font-size: 90%;
line-height: 130%;
font-weight: bold;
color: #999;
}
#navbar .navtitle {
font-weight: bold;
color: #888;
}
#navbar .breadcrumbs {
font-size: 70%;
line-height: 150%;
}
#navbar .breadcrumbs a {
font-weight: bold;
}
#navbar .breadcrumbs .selected {
color: #666;
text-decoration: none;
font-weight: bold;
}
#navbar .breadcrumbs span.s {
margin: 0px 4px;
}
/* ***** FOOTER ***** */
#footer {
clear: both;
margin: 60px 20px 0px;
border-top: 1px solid #ccc;
padding: 10px 0px;
color: #333;
}
#footer a, #footer span {
white-space: nowrap;
}
#footer a {
color: #333;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer span.s {
margin: 0px 0.5em;
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 110%;
color: #ccc;
}
#footer_links {
float: left;
font-size: 70%;
line-height: 120%;
}
#footer_legal {
font-size: 65%;
line-height: 120%;
text-align: right;
}
#footer_legal div {
display: inline;
margin-left: 10px;
white-space: nowrap;
}
#footer_legal span.s {
margin: 0px 0em;
}
#m_reserved {
display: none;
visibility: hidden;
}
/* ***** CONTENT ***** */
#content .error {
color: red;
}
/* forms */
#content label {
}
#content label.checkbox {
font-weight: normal;
}
#content label.checkbox, #content input.checkbox {
vertical-align: middle;
}
#content input.text {
border: 1px solid #666;
padding: 2px;
}
#content input.text:hover {
border: 1px solid #000;
}
#content select {
}
#content option {
padding-right: 10px;
}
/* blocks */
#content .block {
margin: 0px 0px 20px;
border: 1px solid #ccc; /*border*/
padding: 0px 10px 10px;
}
#content .block h2, #content .block h3 {
margin: 0px -10px 10px;
border-bottom: 1px solid #ccc; /*border*/
padding: 4px 10px;
}
#content .block .line {
margin: 10px 0px;
}
#content .block .buttons {
margin: 10px 0px;
}
/* image corners */
/*
corners
content goes here
corners
*/
.corners {
padding: 0px;
background-color: #F9F9F9;
}
.corners b {
display: block;
font-weight: normal;
}
/* set user defined styles on .content */
.corners .content {
padding: 1px 12px;
}
.corners .top, .corners .bottom {
position: relative;
height: 12px;
}
.corners .top_left, .corners .top_right, .corners .bottom_left, .corners .bottom_right {
position: absolute;
width: 12px;
height: 12px;
}
.corners .top_left, .corners .top_right {
top: 0px;
}
.corners .bottom_left, .corners .bottom_right {
bottom: 0px;
}
.corners .top_left, .corners .bottom_left {
left: 0px;
}
.corners .top_right, .corners .bottom_right {
right: 0px;
}
.corners .top {
background: url(../img/corners/top.gif) repeat-x top left;
}
.corners .bottom {
background: url(../img/corners/bottom.gif) repeat-x bottom left;
}
.corners .left {
background: url(../img/corners/left.gif) repeat-y top left;
}
.corners .right {
background: url(../img/corners/right.gif) repeat-y top right;
}
.corners .top_left {
background: url(../img/corners/top-left.gif) no-repeat top left;
}
.corners .top_right {
background: url(../img/corners/top-right.gif) no-repeat top right;
}
.corners .bottom_left {
background: url(../img/corners/bottom-left.gif) no-repeat bottom left;
}
.corners .bottom_right {
background: url(../img/corners/bottom-right.gif) no-repeat bottom right;
}
/* css rounded corners */
/*
rounded
content goes here
rounded
*/
.rounded {
}
.rounded .c {
display: block;
}
.rounded .c * {
display: block;
height: 1px;
overflow: hidden;
}
.rounded .c b {
padding: 0px 1px;
background-color: #ccc; /*border*/
}
.rounded .c i {
background-color: #f6f6f6; /*background*/
}
.rounded .c .c1 {
margin: 0 2px;
}
.rounded .c .c2 {
margin: 0 1px;
}
.rounded .c .c3 {
margin: 0 0px;
}
.rounded .content {
border-left: 1px solid #ccc; /*border*/
border-right: 1px solid #ccc; /*border*/
padding: 2px 10px;
background-color: #f6f6f6; /*background*/
}
/* ***** job.css ***** */
/* ***** JOB ***** */
.job {
}
.job .sep {
color: #000;
}
/* highlight */
.hilite {
}
.hiliteww {
}
/* job heading */
.job .heading {
}
.job .title {
font-size: 125%;
line-height: 140%;
}
.job .new {
font-size: 70%;
color: #CC0809;
text-transform: uppercase;
}
/* job details */
.job .details {
font-size: 110%;
line-height: 140%;
}
.job .company {
text-decoration: none;
color: #000;
}
.job .location {
text-decoration: none;
color: #666;
}
/* job description */
.job .description {
font-size: 100%;
line-height: 140%;
}
p.description {
font-size:12px;
padding-bottom:10px;
border-bottom:1px solid #EEE;
}
/* job info */
.job .info {
font-size: 95%;
line-height: 140%;
color: #329A00; /*green*/
}
.job .info img {
vertical-align: middle;
}
.job .time {
}
.job .source, .job .source:visited {
font-weight: bold;
text-decoration: none;
color: #329A00; /*green*/
}
.job a.source:hover {
text-decoration: underline;
}
/* my jobs */
.job .myjobs {
font-size: 85%;
line-height: 140%;
color: #666;
}
.job .myjobs span.sep {
padding: 0px 4px;
}
.job .myjobs .date {
font-weight: bold;
}
/* job tools */
.job .tools {
font-size: 85%;
line-height: 140%;
}
.job .tools span.sep {
padding: 0px 4px;
}
.job .tools a {
position: relative;
color: #519713;
}
.job .tools a:hover {
color: #519713;
}
li.saved a.save, li.more a.more {
font-weight: bold;
color: #69c11a; /*simplyblue*/
}
.job .tools a span {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
background: url(../img/icons.gif) no-repeat scroll 0 0;
}
.job a.save {
padding-left: 20px; /*16+4*/
}
.job a.save span {
width: 16px;
background-position: -40px center;
}
li.saved a.save span {
background-position: -60px center;
}
.job a.more {
padding-left: 12px; /*8+4*/
}
.job a.more span {
width: 8px;
background-position: -20px center;
}
li.more a.more span {
background-position: -30px center;
}
.job a.remove {
padding-left: 15px; /*11+4*/
}
.job a.remove span {
width: 11px;
background-position: -80px center;
}
/* ***** FEATURED JOBS ***** */
.featured .job .title {
font-size: 120%;
}
/* ***** MORE ***** */
div.more {
display: none;
visibility: hidden;
margin-top: 5px;
padding: 10px;
background-color: #D0F0FB;
}
li.more div.more {
display: block;
visibility: visible;
}
div.more h5 {
font-size: 90%;
color: #666;
}
div.more ul {
margin-bottom: 10px;
font-size: 100%;
line-height: 150%;
color: #666;
}
div.more li {
margin-left: 20px;
list-style: square;
}
div.more span.sep {
padding: 0px 4px;
}
/* ***** RATE ***** */
div.rate {
width: 250px;
margin-top: 5px;
padding: 10px;
background-color: #D0F0FB;
}
div.rate h5 {
float: left;
margin-top: 3px;
font-size: 90%;
color: #666;
text-transform: lowercase;
}
/* links */
div.rate .job_links {
float: right;
text-align: right;
}
div.rate .job_links ul {
font-size: 85%;
}
div.rate .job_links li {
list-style: none;
}
/* rating */
div.rate .job_rating {
margin-left: 3.4em;
}
div.rate .stars {
height: 18px;
margin: 2px 0px;
}
div.rate a.star, div.rate a.not_interested {
display: block;
height: 18px;
background-repeat: no-repeat;
background-position: top left;
}
div.rate div.stars a.star {
float: left;
width: 19px;
background-image: url(/c/my-jobs/images/star-off.gif);
}
div.rate div.stars a.on {
background-image: url(/c/my-jobs/images/star-on.gif);
}
div.rate div.stars a.star:hover, div.rate div.stars a.hover {
background-image: url(/c/my-jobs/images/star-over.gif);
}
div.rate div.not a.not_interested {
width: 93px;
background-image: url(/c/my-jobs/images/not-interested-off.gif);
}
div.rate div.not a.on {
background-image: url(/c/my-jobs/images/not-interested-on.gif);
}
div.rate div.not a.not_interested:hover, div.rate div.not a.hover {
background-image: url(/c/my-jobs/images/not-interested-over.gif);
}
* html div.rate a.not_interested {
margin-left: 4px; /*IE6*/
}
/* notes */
div.rate .job_notes {
}
div.rate .note_box {
width: 244px; /*250-4*/
height: 5em;
border: 1px solid #ccc;
padding: 2px;
/*font-family: Arial, Helvetica, sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 12px;
overflow: auto;
}
div.rate .buttons {
margin: 4px 0px;
text-align: right;
}
/* ***** list.css ***** */
#container {
min-width: 980px; /*170+580+230*/
margin:0 auto;
text-align:left;
}
/* ***** HEADER/FOOTER ***** */
#footer {
min-height: 0; /*IE7*/
margin: 0px;
border: none;
padding: 30px 15px;
background-color: #E8F6FF;
}
/* links */
#footer_links {
display: inline; /*IE6*/
margin-left: 170px;
color: #ccc;
}
#footer_links a {
font-weight: bold;
text-decoration: underline;
color: #519713;
}
/* legal */
#footer_legal {
color: #999;
}
#footer_legal a {
text-decoration: underline;
color: #999;
}
/* ***** COLUMNS/ROWS ***** */
#row_top, #row_middle, #row_bottom {
position: relative;
clear: both;
}
/* top row */
#row_top {
min-height: 25px;
margin: 0px 8px 10px;
border: 1px solid #eee;
border-bottom: 1px solid #ddd;
background: url(../img/bar.gif) repeat-x left bottom;
}
* html #row_top {
height: 25px; /*IE6*/
}
#row_top .column_left, #row_top .column_right {
padding: 2px 12px;
}
#row_top .column_left {
margin-right: 222px; /*230-8*/
}
#row_top .column_right {
float: right;
width: 198px; /*230-24-8*/
}
#row_top .clear {
clear: left;
}
/* bottom row */
#row_bottom {
min-height: 8em;
margin-top: 20px;
background-color: #E8F6FF;
}
* html #row_bottom {
height: 8em; /*IE6*/
}
#row_bottom .column_left, #row_bottom .column_right {
padding: 10px 0px;
}
#row_bottom .column_right {
margin-left: 170px;
}
#row_bottom .column_left {
float: left;
width: 170px;
}
#row_bottom .column_left .panel {
padding: 0px 15px;
}
#row_bottom .simple_filters .filter, #row_bottom .recent_searches {
float: left;
margin-right: 15px;
margin-bottom: 15px;
padding-left: 15px;
}
#row_bottom .simple_filters .filter h4 u {
text-decoration: none;
}
#row_bottom .recent_searches {
width: 25%;
border-left: 1px solid #ccc;
}
#row_bottom .recent_searches li.clear {
display: none;
visibility: hidden;
}
/* middle row */
/* http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
#row_middle {
float: left;
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
#row_middle_center {
float: left;
right: 100%;
width: 200%;
margin-left: -200px; /*column_right*/
}
#row_middle_left {
float: left;
left: 400px; /*column_left+column_right=170+230*/
width: 100%;
margin-left: -50%;
border-right: 1px solid #ccc; /*column_left*/
}
#column_center {
float: left;
right: 200px; /*column_left*/
width: 50%;
padding-top:10px;
}
#column_center_inside {
left: 200%;
margin-left: 200px; /*column_left*/
margin-right: 200px; /*column_right*/
overflow: hidden;
}
* html #column_center_inside {
width: 100%; /*IE6*/
}
#column_left {
float: left;
float: right;
right: 0px;
width: 170px; /*column_left*/
overflow: hidden;
padding:10px 15px 10px 15px;
}
#column_right {
float: left;
float: right;
left: 50%;
width: 130px; /* 200px */ /*column_right*/
margin-right: 0px;
border-left: 1px solid #ccc; /*column_right*/
overflow: hidden;
padding-top:10px;
}
#row_middle .hg {
position: relative;
}
#column_left .panel {
margin-left: 5px;
margin-bottom: 20px;
padding: 0px 15px;
}
body#detail #column_left .panel {
margin-bottom: 20px;
padding: 0px 0px;
}
#column_right .panel {
padding: 0px 10px;
}
/* ***** SEARCH COMPONENTS ***** */
/* search title */
#search_title, #search_title h1 {
display: inline;
}
#search_title {
/* float: left;*/
margin-right: 20px;
font-size: 100%;
line-height: 150%;
}
#search_title h1 {
font-size: 90%;
line-height: 150%;
font-weight: bold;
color: #999;
}
/* select distance */
#select_distance, #select_distance form {
display: inline;
}
#select_distance {
/* float: left;*/
}
#select_distance label, #select_distance select {
font-size: 70%;
color: #666;
}
#select_distance label {
font-weight: bold;
}
#select_distance input.button {
padding: 1px;
font-size: 70%;
}
/* job counter */
.count {
color:#519713;
}
#job_counter {
font-size: 80%;
line-height: 180%;
font-weight: bold;
color: #999;
text-align: right;
}
/* navigation */
.navigation {
margin: 20px 10px 0px;
padding: 0px 5px;
}
.navigation .pagelist {
font-size: 90%;
line-height: 120%;
text-align: center;
}
.navigation .pagelist a {
margin: 0px 2px;
}
.navigation .next, .navigation .previous {
font-weight: bold;
}
/* ***** SEARCH RESULTS ***** */
.results {
margin: 0px 10px;
padding: 1px 5px;
}
.results .result {
width: 550px; /*580-30*/
margin: 5px 0px;
list-style: none;
}
.results a:visited {
color: #519713;
}
/* featured */
.featured {
background-color: #FFF9DD;
}
.featured h4 {
float: right;
width: 10em; /*IE*/
margin-left: -10em; /*IE*/
font-size: 70%;
font-weight: normal;
color: #666;
text-align: right;
}
* html .featured h4 {
height: 1.5em; /*IE6*/
margin-bottom: -1.5em; /*IE6*/
}
/* ***** BARS ***** */
.bar {
margin: 10px;
padding: 0px 5px;
font-size: 75%;
line-height: 150%;
}
.bar a, .bar span {
font-weight: bold;
}
.bar label {
color: #333;
}
/* ***** PANELS ***** */
.panel {
font-size: 75%;
line-height: 150%;
}
.panel h4 {
font-size: 100%;
color: #333;
}
.panel p {
font-size: 100%;
}
.panel ul {
font-size: 100%;
}
.panel li {
list-style: none;
}
.panel_highlight h4 {
margin-left: -20px;
margin-right: -15px;
padding: 2px 20px;
background-color: #DFFFD7;
}
/* ***** FACETS ***** */
/* breadcrumbs */
.breadcrumbs {
margin-top: 0px;
}
.breadcrumbs strong {
color: #666;
}
/* email alert */
.email_alert {
padding-top: 5px;
padding-bottom: 5px;
background-color: #EAF2CD;
}
.email_alert * {
vertical-align: middle;
}
.email_alert form {
display: inline;
}
.email_alert label.alert {
position: relative;
padding-left: 18px; /*14+4*/
font-weight: bold;
}
.email_alert label.alert span.email {
position: absolute;
top: 0px;
left: 0px;
width: 14px;
height: 100%;
background: url(../img/icons.gif) no-repeat scroll -108px center;
}
.email_alert input.text {
width: 20em;
margin-right: 4px;
padding: 1px;
font-size: 90%;
color: #666;
}
.email_alert button {
width: 51px;
height: 20px;
border: none;
background: url(/c/jobs/images/buttons.gif) no-repeat scroll -100px 0px;
}
.email_alert button span {
display: none;
visibility: hidden;
}
.email_alert .error {
font-weight: normal;
}
/* save search */
.save_search {
margin-top: 0px;
}
.save_search_open {
background-color: #EAF2CD;
}
.save_search a.alert, .save_search_open .dropdown {
position: relative;
padding-left: 31px; /*9+4+14+4*/
}
.save_search a.alert span {
position: absolute;
top: 0px;
height: 100%;
background: url(../img/icons.gif) no-repeat scroll 0 0;
}
.save_search a.alert span.arrow {
left: 0px;
width: 9px;
background-position: 0px center;
}
.save_search_open a.alert span.arrow {
background-position: -10px center;
}
.save_search a.alert span.email {
left: 13px; /*9+4*/
width: 14px;
background-position: -108px center;
}
.save_search .dropdown {
display: none;
visibility: hidden;
}
.save_search_open .dropdown {
display: block;
visibility: visible;
}
/* search tip */
.search_tip {
color: #666
}
.search_tip p {
font-size: 100%;
}
.search_tip a {
font-weight: normal;
}
/* sort and show */
.sort_and_show {
font-size: 70%;
}
.sort_and_show .sort_jobs {
margin-left: 20px;
text-align: right;
}
.sort_and_show .show_jobs {
margin-right: 20px;
float: left;
}
.sort_and_show span {
color: #666;
}
/* filter */
.filter {
}
.filter ul {
margin: 2px 0px;
}
.filter li {
padding-top: 2px;
padding-bottom: 2px;
line-height: 130%;
}
.filter li.selected span.value {
font-weight: bold;
}
/* filters */
.filters {
color: #69c11a; /*simplyblue*/
}
.filters .filter, .filters div {
margin-bottom: 10px;
}
.filters .filter li {
position: relative;
white-space: nowrap;
overflow: hidden;
}
.filters .filter li span.count, .filters .filter li span.undo {
position: absolute;
right: 0px;
padding-left: 2px;
background-color: #fff;
}
* html .filters .filter li span.count, * html .filters .filter li span.undo {
top: 0px; /*IE6*/
padding-right: 12px; /*IE6*/
}
* html .filters .filter li.see_more a {
display: block; /*IE6*/
float: left; /*IE6*/
}
.filters .ranked_list li {
white-space: normal;
padding-right: 2em;
}
.filters .ranked_list li span.count, .filters .ranked_list li span.undo {
bottom: 2px;
}
* html .filters .ranked_list li span.count, * html .filters .ranked_list li span.undo {
position: static; /*IE6*/
display: block; /*IE6*/
margin-top: -1.3em; /*IE6*/
margin-right: -2.3em; /*IE6*/
padding-right: 0px; /*IE6*/
text-align: right; /*IE6*/
}
/* simple filters */
.simple_filters {
color: #69c11a; /*simplyblue*/
}
.simple_filters li.reset, .simple_filters li.more, .simple_filters li.see_more {
display: none;
visibility: hidden;
}
.simple_filters li.selected {
display: block;
visibility: visible;
}
.simple_filters li h4 a {
color: #333;
text-decoration: none;
cursor: default;
}
/* applied filters */
.applied_filters {
margin: 5px 0px 10px;
padding: 5px 8px;
background-color: #DFFFD7;
font-size: 85%;
}
.applied_filters .reset {
float: right;
color: #999;
}
.applied_filters h4 {
font-size: 90%;
font-weight: normal;
color: #333;
}
.applied_filters li {
list-style: none;
font-weight: bold;
color: #000;
position: relative;
padding-left: 12px;
}
.applied_filters li a {
position: absolute;
top: 0px;
left: 0px;
width: 9px;
height: 100%;
padding: 0px;
background: url(../img/icons.gif) no-repeat scroll -95px 0px;
}
* html .applied_filters li a {
left: -12px; /*IE6*/
}
/* filter search by */
.filter_search_by {
text-align: right;
}
/* recent searches */
.recent_searches {
color: #69c11a; /*simplyblue*/
}
.recent_searches li {
padding-top: 2px;
padding-bottom: 2px;
line-height: 130%;
}
.recent_searches li.empty {
color: #666;
}
/* related categories */
.related_categories {
}
/* refine keywords */
.refine_keywords {
}
.refine_keywords .refine {
margin: 10px 0px;
}
.refine_keywords .refine * {
font-size: 90%;
line-height: 150%;
}
.refine_keywords select {
width: 120px;
}
.refine_keywords input.text {
width: 114px;
}
.refine_keywords button {
width: 99px;
height: 20px;
border: none;
background: url(/c/jobs/images/buttons.gif) no-repeat scroll 0px 0px;
}
.refine_keywords button span {
display: none;
visibility: hidden;
}
/* search tools */
.search_tools {
}
.search_tools ul {
margin: 10px 0px;
}
.search_tools li {
padding-top: 2px;
padding-bottom: 2px;
line-height: 130%;
}
/* quick search */
.quick_search {
min-height: 0; /*IE7*/
clear: both;
padding: 0px 15px;
}
.quick_search .element {
float: left;
margin-bottom: 10px;
padding-right: 6px;
}
.quick_search .clear {
clear: left;
}
.quick_search label {
font-size: 80%;
font-weight: bold;
color: #333;
}
.quick_search input.text {
width: 18em;
margin: 2px 0px;
border-color: #999;
font-size: 90%;
}
.quick_search select.text {
width: 18em;
margin: 2px 0px;
border-color: #999;
font-size: 90%;
}
.quick_search input.button {
width: 8em;
margin-top: 1px;
padding: 2px;
font-size: 75%;
font-weight: bold;
color: #333;
}
/* search tips */
.search_tips {
}
.search_tips .tip {
margin: 10px 0px;
padding-right: 10px;
}
/* sponsored links */
.sponsored_links {
}
/* banners */
.banners {
width: 200px;
height: 310px; /*90*3+20*2*/
}
/* ***** NO RESULTS ***** */
.no_results {
padding: 0px 20px 20px;
}
.no_results h1, .no_results h2, .no_results h3, .no_results h4 {
color: #666;
}
.no_results .details {
margin: 10px 0px;
}
.no_results ul {
padding-left: 20px;
}
/* ***** SPONSORED LINKS ***** */
.sponsored_links {
}
.sponsored_links .link {
margin: 10px 0px;
}
.sponsored_links .link .title {
}
.sponsored_links .link .text {
font-size: 100%;
line-height: 140%;
}
.sponsored_links .link .site {
color: #329A00; /*green*/
text-decoration: none;
}
/* ***** FILTERS PANEL ***** */
.filters .filter, .filters .filter h4 {
line-height: normal; /*IE7*/
}
.filters .filter h4 {
margin-left: -12px;
}
.filters .filter h4 a {
position: relative;
padding-left: 12px;
}
.filters .filter h4 span {
position: absolute;
top: 0px;
left: 0px;
width: 9px;
height: 100%;
padding: 0px;
background: url(../img/icons.gif) no-repeat scroll -10px center;
}
.filters .filter h4 u {
text-decoration: underline;
color: #333;
}
.filters .filter li.more {
display: none;
visibility: hidden;
}
.filters .filter li.selected {
display: block;
visibility: visible;
}
/* collapsed filter */
.filters .collapsed_filter h4 span {
background-position: 0px center;
}
.filters .collapsed_filter ul {
/*display: none;
visibility: hidden;*/
}
/* expanded filter */
.filters .expanded_filter li.more {
display: block;
visibility: visible;
}
.filters .expanded_filter li.see_more {
display: none;
visibility: hidden;
}
/* more filters */
.filters .more_filter {
display: none;
visibility: hidden;
}
.more_filters .more_filter {
display: block;
visibility: visible;
}
/* panel control */
.filter_control {
padding-left: 8px;
font-size: 75%;
line-height: 150%;
font-weight: bold;
}
.filter_control a {
text-decoration: none;
}
.filter_control span {
text-decoration: underline;
}
#l_show_filters {
display: none;
visibility: hidden;
}
/* hidden panel */
body.hide_filters #l_show_filters {
display: block;
visibility: visible;
float: left;
}
body.hide_filters .no_repos {
margin-left: 180px;
}
body.hide_filters #row_middle_left {
float: none;
left: auto;
margin-left: 0px;
border-right: none;
}
body.hide_filters #column_center {
left: 50%;
right: auto;
}
body.hide_filters #column_center_inside {
left: auto;
margin-left: 230px; /*column_left*/
margin-right: 0px; /*column_right*/
}
body.hide_filters #column_left {
display: none;
visibility: hidden;
}
body.hide_filters #column_right {
left: 230px;
}
.labelfield { /*CSS for label field in general*/
color:#a18040;
}
.datefield { /*CSS for date field in general*/
color:gray;
}
.titlefield { /*CSS for date field in general*/
font-size:15px;
}
#joblistings, #joblistings2, #joblistings3, #joblistings4, #joblistings5, #joblistings6, #joblistings7, { /*CSS specific to demo 1*/
font-size:12px;
}
.joblistings {
}
#joblistings li, #joblistings2 li, #joblistings3 li, #joblistings4 li, #joblistings5 li, #joblistings6 li, #joblistings7 li { /*CSS specific to demo 1*/
margin-bottom: 4px;
}
#joblistings div, #joblistings2 div, #joblistings3 div, #joblistings4 div, #joblistings5 div, #joblistings6 div, #joblistings7 div { /*CSS specific to demo 2*/
margin-bottom: 15px;
font-size:12px;
}
#joblistings div a, #joblistings2 div a, #joblistings3 div a, #joblistings4 div a, #joblistings5 div a, #joblistings6 div a, #joblistings7 div a { /*CSS specific to demo 2*/
text-decoration: none;
}
#joblistings a, #joblistings2 a, #joblistings3 a, #joblistings4 a, #joblistings5 a, #joblistings6 a, #joblistings7 a { /*CSS specific to demo 3*/
color: #257800;
text-decoration: none;
font-weight: bold;
}
#joblistings p, #joblistings2 p, #joblistings3 p, #joblistings4 p, #joblistings5 p, #joblistings6 p, #joblistings7 p { /*CSS specific to demo 3*/
margin-bottom: 2px;
}
code { /*CSS for insructions*/
color: red;
}
#searchresults h2 {
color:#000;
margin:10px 0 0 0;
padding: 2px;
background-color:none;
}
.see_more {
color:#519713
}
#bar_window {
background:url(http://www.jobgeni.com/img/loading1.gif) top left no-repeat;
width:220px;
height:19px;
}
#slowScreenSplash {
position:absolute;
z-index:5;
top:135px;
left:62px;
text-align:center;
color:#CCCCCC;
}
div#main {
width: 770px;
display: block;
position: relative;
margin:0 auto;
text-align: left;
}
#my_nav a {
margin-left: 8px;
margin-right: 9px;
}
#my_nav {
height: 27px;
padding-top: 5px;
padding-left: 10px;
color: #ff9900;
background-image : url('../img/backg_nav_grey.gif');
}
#tabs {
width: 770px;
height: 31px;
overflow: hidden;
font-size: 13px;
}
#tabs span {
display: block;
float: left;
width: 178px;
height: 30px;
background-image: url('../img/tab_home.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
font-weight: bold;
text-align: center;
padding-top: 7px;
color:#ff9900;
}
#tabs span.selected {
background-position: 0px -31px;
cursor: default;
/* font-size: 1.1em ; */
text-decoration: none;
color: #384564;
}
#tabs span.selected a {
color:#2E7E02;
text-decoration:none;
}
#tabs span.selected a:hover {
color:#2E7E02;
}
#tabs span a {
color: #999999;
}
#tabs span a:hover {
color:#2E7E02;
}
#tabs .tspace {
float: left;
height: 30px;
width: 10px;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #919294;
}
#tabs .tspacesmall {
float: left;
height: 30px;
width: 12px;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #919294;
}
#tabs a.mysearchlink {
color: #999999;
}
#tabs a.mysearchlink:hover {
color: #2E7E02;
}
.tabconton {
width: 770px;
height: auto;
position: relative;
top: -1px;
border-style: none;
padding-top: 20px;
padding-bottom: 10px;
text-align: left;/* border-style: dashed ; *//* border-color: yellow ; *//* border-width: 1px ; */
}
.tabcontoff {
display: none;
}
.tabconton .center {
/* border-width: 1px ; */
/* border-style: solid ; */
/* border-color: red ; */
margin-left: auto;
margin-right: auto;
width: 770px;
padding-left:15px;
}
*html .tabconton .center {
margin-left: auto;
margin-right: auto;
width: 785px;
padding-left:15px;
}
/* Column in center */
.tabconton .center .column {
padding: 0px;
width: 256px;
font-size: 12px;
}
/* General column*/
.tabconton .column {
/* border-style: dotted ; */
/* border-width: 1px ; */
/* border-color: green ; */
padding-left: 15px;
padding-right: 45px;
padding-top: 0px;
text-align: left;
line-height: 21px;
float: left;
}
.column a {
}
#tab_mysearches {
text-align: left;
}
.worldwide {
width: 100%;
}
.worldwide td {
text-align: left;
line-height: 20px;
padding-left: 10px;
}
#main table {
font-size:12px;
}
#browse, #myjobs, #myRecentSearch {
display:none
}
#home #version {
position:absolute;
right:20px;
top:60px;
color:#CCCCCC;
font-size:10px;
}
.worldwide li {
list-style-type:none
}
#countries_nav {
width:770px;
margin:0 auto;
height:35px;
}
ul#country_nav_list {
margin:0;
padding:0;
clear:both
}
ul#country_nav_list li {
display:block;
float:left;
}
.tabcontent {
text-align:left;
}
.tabcontent-title {
margin-bottom:15px;
text-align:left
}
span.labelfield a {
display:none!important
}
#tab_location {
text-align:left;
}
#tab_location ul {
list-style:none;
}
#tab_location ul li {
float:left;
display:block;
width:200px;
}
.description a {
display:none;
}
.linkOut {
font-size:16px;
font-weight:bold;
float:left;
margin-bottom:20px;
margin-left:10px;
padding:20px;
min-height: 25px;
margin: 0px 8px 10px;
border: 1px solid #EEE;
border-bottom: 1px solid #DDD;
background: url(../img/bar.gif) repeat-x left bottom;
}
.bookmarks {
float:right;
padding:20px;
}
.clear {
clear:both
}
#customads {
margin:0 auto;
text-align:center;
width:780px;
padding-bottom:10px;
}
#customads ul li {
float:left;
}
#scriptgeni {
padding:2px;
}
#scriptgeni a {
font-size:12px;
margin-right:14px;
color:green;
text-decoration:underline;
}
.sourcename {
font-size:14px;
text-align:right;
}
#countries {
padding:10px;
margin:10px;
border:1px solid #CCC
}
#popularjobs {
padding:10px;
margin:10px;
border:1px solid #CCC
}
.careersinlaw {
text-align:center;
margin:10px 0
}
#popularjobs {
overflow:hidden;
margin:0 auto;
width:960px
}
#popularjobs p {
float:left;
margin-right:20px;
}
#popularjobs {
text-align:left;
}
/* AddThis Vertical Layout Menu */
.addthis_toolbox .vertical {
background: #fff;
width: 75px; /*136px*/
padding: 1px;
/*border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left:20px;*/
}
.addthis_toolbox .vertical a {
position: relative;
display: block;
background: #fff;
width: 84px; /*102px;*/
padding: 4px 0 4px 34px;
text-decoration: none;
color: #00bff3;
}
.addthis_toolbox .vertical a:hover {
background: #f5f5f5;
color: #027999;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.addthis_toolbox .vertical span {
position: absolute;
left: 14px;
top: 4px;
}
.addthis_toolbox .vertical .more {
border-top: solid 1px #eee;
padding: 10px 0 0 0;
margin: 10px 10px 0 10px;
text-align: center;
}
.addthis_toolbox .vertical .more a {
padding: 4px 0;
margin: 0;
}
.addthis_toolbox .vertical .more a:hover {
background: none;
}
.addthis_toolbox .vertical .more span {
display: none;
}
.flags {
vertical-align:middle
}
.rsslink {
display: block;
padding:10px 10px 10px 40px;
background: url(/img/rss.png) no-repeat left center;
}
/**
* URL: https://github.com/flaviusmatis/simplePagination.js
*/
.white-gray {
display: block;
overflow: hidden;
padding: 0 5px 5px 0;
}
.white-gray a, .white-gray span, .button {
text-decoration: none;
float: left;
color: #666;
font-size:14px;
line-height:24px;
font-weight: normal;
text-align: center;
border: 1px solid #BBB;
min-width: 14px;
padding: 0 7px;
margin: 0 5px 0 0;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.white-gray a:hover, .button:hover {
background: #FCFCFC;
text-decoration: none;
}
.white-gray .current {
background: #666;
border-color: #444;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
color: #FFF;
cursor: default;
}
.white-gray .ellipse {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
cursor: default;
font-weight: bold;
}
/*! jQuery UI - v1.10.1 - 2013-02-15
* http://jqueryui.com
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
/* Sugerencias - Lo necesario para funcionar, simplificado por Isidro
---------------------------------------------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 3px .4em;
line-height: 1.5;
min-height: 0; /* support: IE7 */
font-weight: bold; /* negrita */
text-align: left !important;
color: #444 !important;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
margin: -1px;
color: #FFF !important;
}
.ui-menu .ui-state-disabled {
font-weight: bold;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
.ui-widget {
/*font-family: Helvetica,Arial,sans-serif;*/
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
/*font-size: 1.1em;*/
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #DDD;
background: #FFF;
color: #444;
width: 23%;
heidth: 50%;
}
.ui-widget-content a {
color: #444;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #DDD;
background: #F6F;
font-weight: bold;
color: #0073ea;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #0073ea;
background: #0073ea;
font-weight: bold;
color: #FFF;
}