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, ins, kbd, q, s, samp,
small, 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;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
th, td {
padding: 2px;
}
img {
border: 0;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
/* 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 , . */
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong {font-weight:bold;}
body, html {height: 100%;}
body { background:#fff url(http://thenaturalhealthguide.com.au/images/bg_main1.jpg) no-repeat bottom center fixed; color:#444; font:62.5% /1.5 Arial, Helvetica, sans-serif; text-align:center; line-height: 1.5;}
pre, code {
font-family: Courier, Arial, sans-serif;
background: #eaeaea;
padding: 5px;
}
em {
font-style: italic;
}
div#skip { display:none;}
div#container { background:#fff; width:820px; text-align:left; font-size:1.2em; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0em; }
div#header { height:128px; width:820px; position:relative;}
div#header h1#logo { width:800px; height:78px; position:absolute; top:45px; left:10px; background: url(../img/header.jpg) 0 0 no-repeat;}
div#header h1#logo a { width:800px; height:78px; outline:0; text-indent:-1000em; float:left; }
div#header ul#top {position:absolute; top:20px; right:130px;}
div#header ul#top li{display:inline; margin-left:2px; background-color:transparent; color:#0099CC;}
div#the_feed {top:15px; position:absolute; right:20px;}
div#box { width:800px; height:80px; background: url(../img/bg-box.png) 0 0 no-repeat; position:relative; left:10px;}
div#box div#search { position:absolute; top:20px; left:20px;}
div#box div#search fieldset input { background:transparent url(../img/bg-search.png) 0 0 no-repeat; font-size:1.6em; width:276px; height:27px; border:none; padding:6px 10px 6px 10px; color:#444;}
div#box div#search fieldset input:focus, div#search fieldset input:hover { background:transparent url(../img/bg-search.png) -296px 0 no-repeat;}
div#box div#search fieldset label {float: left; clear: both; display: block; font-size:0.9em; color:#666; background-color:transparent;}
div#box div#search span#indicator { }
div#box .addJob { position:absolute; right:17px; top:16px;}
div#box .addJob a.add { display: block; width:182px; height:53px; text-indent:-1000em; background: url(../img/bt-post.png) no-repeat 0 0;}
div#box .addJob a.add:hover { background: url(../img/bt-post.png) no-repeat -182px 0; }
div#request-job a { font-weight: bold; font-size: 14px; text-align: right; }
div#promo { margin-top: 10px;}
div#promo a:hover { background: #fff; }
.search_results_label { color: #888; background-color:transparent;font-size: 1.1em; }
#other_results span {float: right;}
#content { width: 605px; padding-right: 10px; padding-left: 10px;}
#content p { margin: 0 0 10px 0; padding: 0;}
#content a { color: #7F8D5B; background-color:transparent; padding: 2px; }
#content a:hover { background-color: #7F8D5B; color: #fff; text-decoration: none; padding: 2px;}
#content ol { margin: 0 0 0 17px;}
#content ul { list-style-type: disc; margin-left: 17px;}
div#categs-nav {background: #7F8D5B; float: left; width:800px; padding-bottom: 3px; margin-left:10px; margin-top:8px; font-size: 11px;}
div#categs-nav ul{background: #fff; float: left; width:800px; list-style-type: none; margin:0; padding:0;}
div#categs-nav ul li {background: white; float: left; padding-right: 3px; }
div#categs-nav ul li a{display: block; background: #eee url(../img/sd_left.gif) no-repeat 0 0; background-position: 0 -75px; padding: 4px 0px 4px 6px; float: left; text-decoration: none; color: #333 !important; position: relative; outline: none;}
div#categs-nav ul li a:hover{ background-position: 0 0px; color: #fff !important;}
div#categs-nav ul li.selected a{ background-position: 0 0px; color: #fff !important;}
div#categs-nav ul li a span{display: block; float: left; padding-left: 10px;cursor: pointer; font-size:13px; padding-top:4px; }
div#categs-nav ul li a span.cnr{display: block; background: url(../img/sd_right.gif) no-repeat right 0; background-position: right -75px; float: left; position: relative; top:-4px;}
div#categs-nav ul li a:hover span.cnr{ background-position: right 0px; cursor: pointer; }
div#categs-nav ul li.selected a span.cnr{ background-position: right 0px; cursor: pointer; }
#sitemap-1 {float: left; display: inline; width: 200px;}
#sitemap-2 {float: left; display: inline; width: 200px; margin-left: 30px;}
#sitemap-3 {float: left; display: inline; width: 200px; margin-left: 30px;}
.posted-ok {
border: 1px solid #8FF868;
background: #E9FEE0;
color: #009900;
padding: 10px;
}
.posted-pending {
border: 1px solid #FF9900;
background: #FFFBD1;
color: #ff5500;
padding: 10px;
font-size: 14px;
}
#sidebar {
float: right;
width: 175px;
padding: 10px 0 0 0;
}
#sidebar a {
color: #0099CC;
padding: 2px;
font-size: 11px;
}
#sidebar a:hover {
background-color: #0099CC;
color: #fff;
text-decoration: none;
padding: 2px;
}
#sidebar h4 {
font-size: 14px;
margin: 10px 0 3px 0;
font-weight: bold;
}
#sidebar h4 a {
font-size: 14px;
text-decoration: underline;
}
#stats {
color: #777;
font-size: 11px;
}
#ideas {
}
#ideas h3 {
margin: 0 0 5px 0;
}
#ideas ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#ideas ul li {
margin-bottom: 5px;
}
.info { color: #888; }
table#job-posts, table#job-posts2, table#job-posts3 {
width: 100%;
}
table#job-posts tr.alt td, table#job-posts2 tr.alt td, table#job-posts3 tr.alt td {
background: #f5f5f5;
}
table#job-posts tr.over td, table#job-posts2 tr.over td, table#job-posts3 tr.over td {
background: #f5fefe;
}
table#job-posts td, table#job-posts2 td, table#job-posts3 td {
padding: 5px;
border-bottom: 1px solid #ddd;
}
table#job-posts a:link, table#job-posts a:visited, table#job-posts2 a:link, table#job-posts2 a:visited, table#job-posts3 a:link, table#job-posts3 a:visited {
color: #0099CC;
padding: 2px;
}
table#job-posts a:hover, table#job-posts2 a:hover, table#job-posts3 a:hover {
background-color: #0099CC;
color: #fff;
text-decoration: none;
padding: 2px;
}
table#job-posts td.time-posted, table#job-posts2 td.time-posted, table#job-posts3 td.time-posted {
text-align: right;
color: #888;
font-size: 11px;
width: 80px;
}
table#job-posts td.time-posted img, table#job-posts2 td.time-posted img, table#job-posts3 td.time-posted img {
width: 11px;
}
div.footer {
color: #888;
font-size: 11px;
background: #F0F0F0 url(../img/footer-bg.png) no-repeat center top;
text-align: center;
float: left;
width: 100%;
padding-top: 12px;
margin-top: 30px;
height: 14em;
}
#footer-contents {
width: 800px;
margin:0 auto;
text-align: left;
}
#footer-copyright {
float: right;
}
#footer-col1 {
float: left;
display: inline;
width: 120px;
}
#footer-col2 {
float: left;
display: inline;
margin-left: 50px;
width: 120px;
}
#footer-col3 {
float: left;
display: inline;
margin-left: 50px;
width: 130px;
}
#footer-col4 {
float: left;
display: inline;
margin-left: 30px;
width: 185px;
}
#partners {
margin-top: 13px;
}
#partners ul {
list-style-type: none;
}
#partners ul li {
float: left;
margin-right: 12px;
}
.validation-error {
color: red;
}
input.error, textarea.error {
border: 1px solid red !important;
}
.validation-failure {
color: red;
background-color: #ffd0d6;
padding: 5px;
}
.apply-status-ok {
color: #009900;
background-color: #dfFFda;
padding: 5px;
margin-bottom: 7px;
}
#no-ads {
color: #555;
margin-top: 10px;
}
.suggestionTop {
color: #666;
font-size: 11px;
float: right;
width: 250px;
}
.suggestion {
color: #777;
font-size: 11px;
}
.left {
float:left;
display:inline;
}
.right {
float:right;
display:inline;
}
.clear {
clear:both;
}
.error {
color:#ff0000;
}
#job-details {
padding: 10px 0;
margin: 0;
}
#job-details h2 {
margin: 10px 0 10px 0;
color: #0099CC;
font-weight: normal;
font-size: 20px;
line-height: 1.2;
}
#job-details .label {
color: #555;
font-weight: bold;
}
#job-details .fading {
color: #aaa;
}
#job-details ul {
margin: 0 0 10px 15px;
list-style-type: disc;
}
#job-bottom {
background-color: #f0f0f0;
padding: 2px;
font-size: 14px;
height: 50px;
}
#number-views {
float: right;
display: inline;
font-size: 11px;
color: #777;
}
#job-post-utils {
float: left;
display: inline;
font-size: 11px;
color: #888;
}
#apply_online_now {
font-size: 14px;
margin-bottom: 7px;
}
#old-ad {
margin-bottom: 10px;
padding: 5px;
background-color: #ffff88;
color: #ff2200;
}
span.la {
color: #888;
}
#step-1 {
float: left;
display: inline;
width: 100px;
}
#step-2 {
float: left;
display: inline;
margin-left: 30px;
width: 120px;
}
#step-3 {
float: left;
display: inline;
margin-left: 30px;
width: 130px;
}
.step-active {
color: #fff;
}
#publish_form {}
#publish_form fieldset, #promo_form fieldset {
background-color: #f5f5f5;
border: 1px solid #ccc;
margin: 0 0 5px 0;
padding: 10px;
}
#publish_form fieldset legend {
font-weight: bold;
color: #555;
font-size: 12px;
}
#publish_form input, #publish_form textarea, #frm-send-to-friend input, #frm-send-edit-link input, #apply-online input, #apply-online textarea, #promo_form input {
border: 1px solid #ccc;
padding: 5px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
}
#publish_form input:focus, #search input:hover, #publish_form textarea:focus, #search textarea:hover, #frm-send-to-friend input:focus, #frm-send-to-friend input:hover, #frm-send-edit-link input:focus, #frm-send-edit-link input:hover, #apply-online input:focus, #apply-online input:hover, #apply-online textarea:focus, #apply-online textarea:hover, #promo_form input:focus, #promo_form input:hover {
border: 1px solid #7F635F;
}
#publish_form input#submit, #send-to-friend input#submit, #frm-send-edit-link input#submit, #apply-online input#submit, #promo_form input#submit {
background-color: #0099CC;
color: #fff;
border: 1px solid #009988;
cursor: pointer;
cursor: hand;
}
#publish_form input#submit:hover, #send-to-friend input#submit:hover, #apply-online input#submit:hover, #promo_form input#submit:hover {
background-color: #00aaee;
}
#publish_form label.small {
color: #555;
font-size: 12px;
}
#publish_form input.no-border {
border: 0;
}
td.publish-label {
width: 100px;
}
fieldset.hidden {
display: none;
}
td.register-label {
width: 120px;
}
#apply-online {
background-color: #f6f6f6;
padding: 10px;
width: 735px;
}
#feed-me
{
text-align: right;
font-size: 14px;
margin: 15px 0 5px 0;
}
#feed-me a:link, #feed-me a:visited {
color: #0099CC;
}
#feed-me a:hover {
background: #fff;
color: #0099CC;
text-decoration: none;
}
#search_form fieldset {
border: 0;
margin: 0;
padding: 0;
}
code {
font-size: 12px;
}
#send-to-friend {
background-color: #f6f6f6;
padding: 3px;
width: 749px;
}
#send-to-friend table {
font-size: 12px !important;
}
td.send-to-friend-address-label {
width: 90px;
}
#map {
height: 550px;
border: 1px solid #ddd;
}
.mapicon {
text-align: center;
}
.mapicon a {
font-family: Arial, Tahoma, Verdana;
color: #fff !important;
text-decoration: none;
position: relative;
z-index: 4999;
/* display: block; !!!!!!!! */
}
.mapicon a:hover {
z-index: 5000;
color: #fff !important;
}
.mapicon a .bubble {
display: none;
background: white;
cursor: default;
line-height: 15px;
text-align: left;
text-decoration: none;
padding: 5px;
}
.mapicon a:hover .bubble {
width: 120px;
text-align: center;
display: block;
position: absolute;
top: -40px;
left: -60px;
z-index: 5000;
text-decoration: none;
border: 3px solid #ccc;
}
.bubble h3 {
color: black;
margin: 0;
text-decoration: none;
padding: 0;
font-size: 13px;
border: 0;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
.bubble img {
margin-bottom: 4px;
}
.bubble p {
color: #666666;
font-size: 11px;
line-height: 15px;
margin: 0;
padding: 0;
}
.bubble p strong {
display: inline;
font-weight: bold;
}
.big {
width: 61px;
height: 61px;
line-height: 61px;
font-size: 20px;
}
.small {
width: 45px;
height: 45px;
font-weight: bold;
font-size: 16px;
line-height: 45px;
}
#accordion-list h4 {
cursor: pointer;
cursor: hand;
text-decoration: underline;
}
fieldset.no-border {
border: 0;
padding: 0;
}
div.ok-response {
color: green;
}
div.not-ok-response {
color: red;
}
#location_outside_ro {
margin-top: 5px;
}
#small-link a {
font-size: 11px;
}
#job-description {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px 0 10px 0;
}
/* TYPOGRAPHY */
a {color:#0099CC; background-color:transparent;text-decoration:none;}
a:hover {color:#0099CC; background-color:transparent; text-decoration:underline;}
h2 {
font-size: 14px;
margin: 10px 0 7px 0;
font-weight: bold;
}
h2 a {
text-decoration: underline;
font-weight: normal;
}
h3, #job-listings h2 {
font-size: 14px;
margin: 10px 0 7px 0;
font-weight: bold;
}
h3.steps, div.steps {
margin: 0;
padding: 2px 5px 5px 8px;
background: transparent url(../img/header-bg.png) no-repeat left;
font-weight: normal;
color: #9AD4FF;
font-size: 14px;
height: 22px;
}
h3.page-heading, div.page-heading {
display: block;
margin: 0 0 7px 0;
padding: 2px 5px 5px 8px;
font-weight: normal;
color: #fff;
font-size: 16px;
height: 22px;
background: transparent url(../img/header-bg.png) no-repeat left;
}
h3.page-heading span {
font-size: 12px;
}
h3.page-heading a:link, h3.page-heading a:visited, div.page-heading a:link, div.page-heading a:visited {
color: #fff !important;
}
h3.page-heading a:hover, div.page-heading a:hover {
background-color: #fff !important;
color: #0099CC !important;
}
h4 {
font-size: 16px;
margin: 12px 0 3px 0;
}
#status { color: #009900; background-color: #dfFFda; padding: 5px 0 2px 5px;}
.highlight_keyword {
background-color: #ffff88;
}
/* recpatcha */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
background-color: #e1e1e1 !important;
}
#recaptcha_table {
border-color: #f5f5f5 !important;
}
#recaptcha_response_field {
border-color: #ccc !important;
background-color:#fff !important;
}
#recaptcha_instructions {
font-size: 12px;
}
#sort-by-type {
float: right;
font-size: 11px;
color: #888;
}
div#sort-by-type a:hover { background: #fff; }
#applied-to-job {
float: right;
background: url(../img/bg-applied.png) no-repeat;
color: #333;
font-size: 20px;
width: 60px;
height: 58px;
text-align: center;
padding: 4px 0 0 0;
}
#applied-to-job p {
font-size: 11px;
}
/* tag heights */
.company-tag-1 {
font-size: 12px;
}
.company-tag-2 {
font-size: 14px;
}
.company-tag-3 {
font-size: 16px;
}
.company-tag-4 {
font-size: 18px;
}
.company-tag-5 {
font-size: 20px;
}
.company-tag-6 {
font-size: 24px;
}
/* autocomplete */
.ac_results {
padding: 0px;
border: 1px solid #ddd;
background-color: #fff;
overflow: hidden;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
width: 100%;
font: menu;
font-size: 12px;
overflow: hidden;
}
.ac_loading {
background: #fff url('indicator.gif') right center no-repeat;
}
.ac_over {
background-color: #b5d5ff;
color: #000;
}
#textile-suggestions table {
margin-top: 5px;
width: 80%;
font-size: 11px;
}
#textile-suggestions table th {
border-bottom: 2px solid #bbb;
font-weight: bold;
}
#textile-suggestions table td {
border-bottom: 1px solid #ccc;
}
div.icon-fulltime {
margin-top: 3px;
background: url(../img/icon-fulltime.png) no-repeat;
height: 11px;
width: 47px;
display: inline;
}
div.icon-parttime {
margin-top: 3px;
background: url(../img/icon-parttime.png) no-repeat;
height: 11px;
width: 47px;
display: inline;
}
div.icon-freelance {
margin-top: 3px;
background: url(../img/icon-freelance.png) no-repeat;
height: 11px;
width: 47px;
display: inline;
}
label.request-label {
}
.req-params-item {
background-color: #edfaff;
padding: 3px;
margin-bottom: 5px;
display: inline;
line-height: 1.9;
}
#req-left { float: left; display: inline; width: 160px; }
#req-middle { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right2 { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-left input, #req-middle input, #req-right input, #req-right2 input { border: 0; }
#home-promo { background: url(../img/home-banner-bg.png) no-repeat; width: 757px; height: 66px; margin-top: 12px; text-align: center; padding-top: 8px; }
#home-promo div { color: #0897C6; font-size: 20px; }
#home-promo a { text-decoration: underline; font-size: 14px;}
/* paginator */
#job-listings .current_page{
font-weight: bold;
border: 1px solid #ccc;
padding: 1px 2px 1px 2px;
}
table#job-posts4 {
width: 100%;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table#job-posts4 tr {
background: #fffad4;
}
table#job-posts4 tr.over td {
background: #f5fefe;
}
table#job-posts4 tr.alt td {
background: #f5f5f5;
}
table#job-posts4 td {
padding: 5px;
border-bottom: 1px solid #ddd;
}
table#job-posts4 a:link, table#job-posts4 a:visited {
color: #0099CC;
padding: 2px;
}
table#job-posts4 a:hover {
background-color: #0099CC;
color: #fff;
text-decoration: none;
padding: 2px;
}
table#job-posts4 td.spotlight-image {
text-align: right;
color: #888;
font-size: 11px;
width: 80px;
}
.companycloud{border:1px #eaeaea solid; /*margin-left:10px;*/ margin:20px 0 20px 10px; padding:10px;}
.companycloud h3{background:#f1f1f1 url(../images/bg.png) bottom repeat-x; display:block; font-family:Arial, Helvetica, sans-serif; padding:15px 10px; margin:0; font-weight:normal; color:#666; text-transform:uppercase; border-bottom:1px #ddd solid; font-size:1.2em; margin-bottom:20px;}
/* tag heights */
.company-tag-1 {font-size: 16px; !important}
.company-tag-2 {font-size: 18px; !important}
.company-tag-3 {font-size: 22px; !important}
.company-tag-4 {font-size: 26px; !important}
.company-tag-5 {font-size: 30px; !important}
.company-tag-6 {font-size: 34px; !important}
p.names a{color:#666;}
p.names a:hover{background:#555; color:#fff;}
p.viewmore a{margin-top:20px; background:#f1f1f1; padding:2px 5px; margin-left:00px; float:left;}
/* Auto Clearing Method ( Not for IE )
######################################## */
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}