html {
height: 100%;
display:block;
}
img {
border:none;
}
/*
This is the default style for the main body for all pages of the website
*/
body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
background:#dcd3c4 url(images/bg-page.jpg) repeat-x;
color:#2c2c2c;
margin:0;
padding:0;
height: 100%;
display:block;
}
body.email-friend {
background:#fff;
}
/*
This is the default style for the table data for all tables of the site
*/
td {
font-size: 13px;
}
/*
form_submit_button is the style for all submit buttons
*/
.form_submit_button {
}
/*
form_reset_button is the style for all reset buttons
*/
.form_reset_button {
}
/*
form_apply_button is the style for the apply button
*/
.form_apply_button {
background-color: #33FF00;
}
a:link, a:visited {
text-decoration:none;
color:#003063;
font-weight:bold;
}
a:hover, a:active {
text-decoration:underline;
}
/*
Heading 1 - general style
*/
H1 {
color:#003063;
font-size: 22pt;
font-weight: bold;
line-height:1.2em;
}
/*
Heading 2 - general style
*/
H2 {
color:#003063;
font-size: 18pt;
font-weight: bold;
margin:10px 0;
line-height:1.2em;
}
/*
Heading 3 - general style
*/
H3 {
color:#003063;
font-size: 14pt;
font-weight: bold;
line-height:1.2em;
}
.available_langs {
}
/*
#############################################
The following set of styles are for Displaying a job post
corresponding template file: display-post.php
#job_post TABLE.job_post - general style for the post displaying table
*/
#job_post TABLE.job_post {
}
/*
#job_post TD.header - the top of the job post table, where the 'go back to job list' 'Save job', and 'email to friend' links are located.
*/
#job_post TD.header {
background-color: #808080;
}
/* 'go back to the job list' link */
#job_post A.go_back {
color: #ffffff;
}
/* this post is expired message */
#job_post .expired_msg {
color: #E8E8E8;
font-weight: bold;
}
/* 'please mention JB_SITE_NAME when replying to this ad ' */
#job_post .mention_us_msg {
color: #E8E8E8;
font-weight: bold;
font-size: 12pt;
}
/* The 'description' field form the job post, printed at the top of the form */
#job_post .post_description {
}
/*
#job_post TD.top_links
style for the row at the top of the job post.
template: display-post.php
*/
#job_post TD.top_links {
background-color: #ffffff;
font-size: 10pt;
}
/*
#job_post H1.job_title
style for the job post title,
template: display-post.php
*/
#job_post H1.job_title {
color: #931b16;
font-size: 24pt;
}
/*
#job_post TD.job_post_body
The style for displaying the job description cell,
template: display-post.php
*/
#job_post TD.job_post_body {
background:#ffffff url(images/background.gif) ;
}
/*
############################################################
#job_post TD.job_post_body
The table for dsiplaying the job post data,
template: posting-form.php
*/
.job_post_data{
width:100%;
}
#job_post TABLE.job_post_data {
width: 100%;
background-color: #ffffff;
}
#job_post TD.job_post_data {
width: 100%;
background-color: #ffffff;
}
/*
####################################################
Employer's profile:
This style is for the table that shows the employer's profile in detail.
Template: profile-form.php
*/
#profile, TABLE.profile_data {
background-color: #ffffff;
width: 100%;
border: 2px;
}
#profile TD.profile_data {
background-color: #Efefed;
}
.profile_list_no_result {
text-align: center;
font-weight: bold;
}
/*
###########################################################
Resume :
This style is for the table that displays a resume in detail.
Template: resume-form.php
*/
TABLE.resume_data {
background-color: #ffffff;
width: 100%;
border-width: 0px;
}
/*
############################################################
Dynamic forms
This set of styles control the display of dynamic forms - forms which can be edited from the Administartion Panel.
The forms are: Job Posts, Resumes and Employer's profiles.
*/
#dynamic_form, TABLE.dynamic_form {
width: 100%;
border-bottom-width: 0px;
}
/*
TD.dynamic_form_field -
The name of the field (field label which on the left side)
*/
#dynamic_form TD.dynamic_form_field {
/* background-color: #efefef; */
font-weight: bold;
width: 120px;
}
#dynamic_form TD.dynamic_form_2_col_field {
background-color: #ffffff;
}
/*
#dynamic_form TD.dynamic_form_value
The value of the field (on the right from the field label)
*/
#dynamic_form TD.dynamic_form_value {
background-color: #ffffff;
}
/*
*/
#dynamic_form .dynamic_form_image_label {
font-weight: bold;
}
/*
.dynamic_form_input_label - used for the for radio buttons and check boxes
*/
#dynamic_form .dynamic_form_input_label {
}
/*
*/
#dynamic_form .dynamic_form_file_label {
font-weight: bold;
}
/*
The following style controls the LABEL type fields
*/
#dynamic_form .dynamic_form_note_label {
}
/*
Date field
*/
#dynamic_form SELECT.dynamic_form_date_style {
background-color: #ffffff;
}
#dynamic_form INPUT.dynamic_form_date_style {
background-color: #ffffff;
}
#dynamic_form .date_field {
}
/* Other fields */
#dynamic_form INPUT.dynamic_form_checkbox_style {
background-color: #ffffff;
}
#dynamic_form INPUT.dynamic_form_radio_style {
background-color: #ffffff;
color: #ffffff;
}
#dynamic_form INPUT.dynamic_form_text_style{
background-color: #ffffff;
}
#dynamic_form TEXTAREA {
background-color: #ffffff;
}
#dynamic_form SELECT {
background-color: #ffffff;
}
#dynamic_form .dynamic_form_seperator {
background-color: #d9d9d9;
font-weight: bold;
}
#dynamic_form .is_required_mark {
font-weight: bold;
font-size: 18pt;
color: red;
vertical-align: middle;
}
/*
########################################
Search Jobs/Resumes -
Standard Search form
*/
#search_form, TABLE.search {
width: 100%;
border-collapse: collapse;
background-color: #EDF8FC;
}
/*
cell for the search field
*/
#search_form TD.field {
font-size: 10px;
}
/*
style for the input fields (text)
*/
#search_form, INPUT.search_input_style {
background-color: #ffffff;
font-size: 10px;
color: #000000;
width:120px;
}
/*
style for the input fields (check)
*/
#search_form, INPUT.search_checkbox_style {
font-size: 10px;
}
/*
style for the input fields (radio)
*/
#search_form, INPUT.search_radio_style {
font-size: 10px;
}
/*
Select box (drop down / multiple select)
*/
#search_form SELECT.search_input_style {
background-color: #ffffff;
font-size: 10px;
}
/*
Date field
*/
#search_form SELECT.search_date_style {
background-color: #ffffff;
font-size: 10px;
}
#search_form INPUT.search_date_style {
background-color: #ffffff;
font-size: 10px;
}
/*
The labels for the check boxes and radio buttons
*/
#search_form .search_input_sel_label {
font-size: 10px;
white-space: nowrap;
}
.new_search_link {
font-weight: bold;
}
/*
####################################################
Job list
*/
#joblist, TABLE.list {
background-color: #d9d9d9;
width: 99%;
font-size: xx-small;
float:left;
clear:both;
}
#joblist .job_list_small_print {
color: #000000;
}
#joblist .job_list_small_print_premium {
color: #000000;
}
#joblist .job_list_title {
font-size: 12pt;
font-weight: bold;
}
#joblist .job_list_title_premium {
font-size: 12pt;
font-weight: bold;
color: #0000FF;
}
/*
green_grad and blue_grad define styles for the premium posts
*/
#joblist .green_grad {
background:#fff url(images/green-gradient.gif) repeat-x;
}
#joblist .blue_grad {
background:#ffffff url(images/blue-gradient.gif) repeat-x;
}
#joblist .standard {
background-color:white;
}
#joblist .job_list_cat_name {
font-size: xx-small;
font-weight: bold;
color: #339900;
}
#joblist .job_list_cat_name_premium {
font-size: xx-small;
font-weight: bold;
color: #339900;
}
#joblist TD.list_data_cell {
font-size: 10pt;
color: #000000;
}
#joblist TD.list_data_cell_premium {
font-size: 10pt;
color: #000000;
}
#joblist TD.list_header_cell {
text-align: center;
font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #E9E9E9;
color: #000000;
white-space: nowrap;
}
#joblist TD.list_day_of_week {
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #DDEAF7;
}
#joblist TD.list_day_of_week_premium {
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #DDEAF7;
}
.job_listing_count {
float:left;
clear:both;
width:100%;
margin: 20px 0 10px 0;
text-align: center;
font-weight: bold;
}
.post_list_no_result {
font-weight: bold;
text-align: center;
}
.post_list_premium {
font-weight: bold;
text-align: center;
}
.post_edit_button {
font-size: 9pt;
}
.post_delete_button {
font-size: 9pt;
}
.post_repost_button {
font-size: 9pt;
}
/*
######################################################
Premium Jobs List
*/
#joblist_premium, TABLE.list_premium {
background-color: #d9d9d9;
width: 99%;
font-size: xx-small;
}
/*
#joblist_premium .job_list_small_print_premium {
font-size: xx-small;
color: #000000;
}
*/
#joblist_premium .job_list_title_premium {
font-size: 12pt;
font-weight: bold;
color: #0000FF;
}
#joblist_premium .green_grad {
background:#fff url(images/green-gradient.gif) repeat-x;
}
#joblist_premium .blue_grad {
background:#FFFFFF url(images/blue-gradient.gif) repeat-x;
}
#joblist_premium .standard {
background-color:white;
}
#joblist_premium .job_list_cat_name_premium {
font-size: xx-small;
font-weight: bold;
color: #339900;
}
#joblist_premium TD.list_data_cell_premium {
font-size: 10pt;
color: #000000;
}
#joblist_premium TD.list_header_cell {
font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #E9E9E9;
color: #000000;
white-space: nowrap;
}
#joblist_premium TD.list_day_of_week_premium {
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #ECF8F9;
}
/*
####################################################
Categories
*/
/*
category_name and category_path are displayed above the categories.
category name is in big bold letters
category_path has an indent on the left
*/
.category_name { /* The name of the current category*/
font-weight: bold;
font-size: 14pt;
}
.category_path { /* eg. Job Classification -> Public School -> Middle */
margin-top:-20px;
display:block;
}
.category_index { /* The div element showing the categories, category-index.php template */
float: none;
margin: 2em;
}
A.cat_parent_link { /* The parent category name */
font-size: 10pt;
font-weight: bold;
color: #0000FF;
}
.cat_subcategory { /* div generated by JB_display_sub_cats_compact() or JB_display_sub_cats_table() */
font-weight: normal;
margin-left: 1em;
margin-bottom: 1em;
}
a.cat_subcategory_link { /* style for the sub category links*/
font-weight:normal;
}
.cat_arrow { /* The little arrow displayed next to the cat_heading */
background: url(images/arrow.gif) no-repeat 0% 50% ;
padding-left: 8px;
}
.cat_small_count { /* Shows number of records in the category. enclosed in a block */
}
.cat_more_link { /* The link to show more categories*/
font-weight: bold;
}
/*
categoty table produced by display_table() function
*/
TABLE.cat_table {
}
/*
Category box on side bar on the front page
template: category-list-box.php
*/
.cat_list_box {
background-color: #F2F2F2;
border-style:solid;
border-color: #C8C8C8;
border-width:1px;
padding: 0px;
margin: 0px;
}
.cat_box_title {
font-weight: bold;
}
/*
###################################################
template: index-sidebar.php
*/
.index_sidebar {
}
/*
####################################################
Resume list
*/
#resumelist, TABLE.resumelist {
background-color: #d9d9d9;
width: 99%;
}
#resumelist TD.list_data_cell {
font-size: 10pt;
color: #000000;
}
#resumelist .today {
color: #ff0000;
font-weight: bold;
}
#resumelist .days_ago {
color: #339900;
font-weight: bold;
}
#resumelist .days_ago2 {
color: #C0C0C0;
font-weight: bold;
}
#resumelist TD.list_header_cell {
font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #EAEAEA;
color: #000000;
}
.resume_list_no_result {
font-weight: bold;
text-align: center;
}
/*
###########################################################
Skill Matrix
*/
.skill_matrix_table {
border-style:solid;
border-color: #C8C8C8;
border-width:1px;
background-color: #d9d9d9;
}
.skill_matrix_header {
background-color: #FFFFff;
font-weight: bold;
}
.skill_matrix_row {
background-color: #FFFFff;
}
/*
Changes the notice box styles, look in functions.php function JB_render_box_top($width=100, $label='')
info-box-top.php template
*/
TABLE.info_box {
background-color: #ffffff;
margin-bottom:3px;
border: 0px;
}
TD.info_box_head { /*header foreground, info-box-top.php template */
background-color: #C8D7E8; /*default #C8D7E8 light blue color*/
color: #330066;
text-align: center;
}
TD.info_box_hed_right, TD.info_box_hed_left { /*top right and top left corners, info-box-top.php template */
background-color: #C8D7E8;
}
TABLE.info_box_body { /*The inner table, info-box-top.php template */
background-color: #ffffff;
border-collapse: collapse;
border-style: solid;
border-color: #C8D7E8;
}
/**************
Request History
*/
TABLE.request_history {
background-color: #d9d9d9;
}
TD.request_history_head { /*table heading cells*/
background-color: #EAEAEA;
font-weight: bold;
font-size: 13px;
}
TD.request_history_data {
background-color: #ffffff;
font-size: 13px;
}
.request_label_requested {
color: #3300CC;
font-weight: bold;
}
.request_label_granted {
color: #336600;
font-weight: bold;
}
.request_label_refused {
color: #ff0000;
font-weight: bold;
}
/********************/
.error_msg_label {
color: #FF0000;
font-weight: bold;
}
.ok_msg_label {
border: solid;
border-color: #33CC00;
border-width:2px;
padding: 5px;
}
/*
...................................
*/
#advertiser_signup, TABLE.advertiser_signup_form {
background-color: #d9d9d9;
width: 100%;
border: 2px;
}
/*****************
Application form (template: application-form.php)
*/
#app_form_table, TABLE.app_form_table {
background-color:#BEEA9D;
width: 100%;
border-width: 0px;
}
.app_form_table .field_label {
background-color:#F0F7F1;
width: 150px;
border-width: 0px;
font-weight: bold;
}
.app_form_table .field_data {
background-color:#F0F7F1;
border-width: 0px;
}
/*****************
Employer's Email form (template: employer-email-form.php)
*/
#email_form_table, TABLE.email_form_table {
background-color:#BEEA9D;
width: 100%;
border-width: 0px;
}
.email_form_table .field_label {
background-color:#F0F7F1;
width: 150px;
border-width: 0px;
font-weight: bold;
}
.email_form_table .field_data {
background-color:#F0F7F1;
border-width: 0px;
}
/*****************
Employer's request form (template: employer-request-form.php)
*/
#request_form_table, TABLE.request_form_table {
background-color:#BEEA9D;
width: 100%;
border-width: 0px;
}
.request_form_table .field_label {
background-color:#F0F7F1;
width: 150px;
border-width: 0px;
font-weight: bold;
}
.request_form_table .field_data {
background-color:#F0F7F1;
border-width: 0px;
}
/*
Navigation pages: <-Previous 1 | 2 | 3 | 4 | 5 Next ->
*/
.nav_page_links {
text-align: center;
margin-bottom: 5px;
}
A.nav_page_link {
}
.nav_page_cur {
font-weight: bold;
}
/*
Showing an invoice
*/
#invoice {
background-color: #d9d9d9;
width: 300px;
}
#invoice TD.field {
background-color: #ffffff;
font-weight: bold;
}
#invoice TD.value {
background-color: #ffffff;
}
.confirm_order_button {
font-size: 12pt;
text-align: center;
}
.application_text { /* Apllication text displayed on employers/apps.php and myjobs/apps.php */
font-size: 10pt;
}
/* Employers / Candidates payment.php page */
.payment_block {
margin-top:50px;
margin-bottom:150px;
}
/* ALM */
#wrapper {
margin:0 auto;
width:980px;
position:relative;
}
#shadow-top {
float:left;
height:10px;
width:980px;
}
#text-bottom {
float:left;
width:960px;
padding:5px 10px;
opacity: .60;
filter: alpha(opacity=60);
}
.page-settings{
width:960px;
margin-left:10px;
float:left;
}
#head {
height:130px;
}
#logo{
float:left;
width:334px;
height:87px;
margin:20px 5px;
}
#nav {
height:39px;
width:960px;
background: url(images/bg-nav.png) no-repeat #3094ee;
}
#nav-candidates {
float:left;
}
#nav-employers {
float:left;
}
#logout {
float:right;
position:relative;
background: url(images/bg-login.png) no-repeat;
height:39px;
width:172px;
}
#logout a {
color:#fff;
}
#logout ul {
text-align:center;
width:172px;
height:39px;
list-style: none;
margin: 10px 0 0 0;
padding:0px;
color:#fff;
font-weight:bold;
}
#logout li {
list-style: none;
margin: 0px;
height:39px;
}
#login {
float:right;
position:relative;
background: url(images/bg-login.png) no-repeat;
height:39px;
width:172px;
}
#login ul {
text-align:center;
width:172px;
height:39px;
list-style: none;
margin: 10px 0 0 0;
padding:0px;
color:#fff;
font-weight:bold;
}
#login li {
list-style: none;
margin: 0px;
height:39px;
}
#login ul li ul li {
padding:0px;
}
#login li a, #login li a:link, #login li a:visited {
color: #fff;
display: block;
padding: 10px 0;
height:19px;
background-position:right;
background-repeat:no-repeat;
text-decoration:none;
/* border-left:solid 1px #fff; */
}
#login ul {
margin:0;
}
#login li a:hover, #login li a:active {
color: #333;
padding: 10px 0;
text-decoration: none;
}
#login li li a, #login li li a:link, #login li li a:visited {
opacity: .90;
filter: alpha(opacity=90);
color: #fff;
background: #844e06;
margin: 0px;
padding: 10px 0;
border-bottom: 1px solid #8b5a17;
border-left: 1px solid #8b5a17;
border-right: 1px solid #8b5a17;
}
#login li li a:hover, #login li li a:active {
color: #333333;
padding:10px 0;
background: #d08b0c;
}
#login li ul {
z-index: 9999;
position: absolute;
left: -999em;
}
#login li li {
}
#login li ul ul {
margin: -29px 0 0 171px;
}
#login li:hover ul ul, #login li:hover ul ul ul, #login li.sfhover ul ul, #login li.sfhover ul ul ul {
left: -999em;
}
#login li:hover ul, #login li li:hover ul, #login li li li:hover ul, #login li.sfhover ul, #login li li.sfhover ul, #login li li li.sfhover ul {
left: auto;
}
#feature-home {
height:292px;
margin-top:5px;
position:relative;
}
#employers-benefits {
position:absolute;
z-index:1000;
width:150px;
height:140px;
overflow:hidden;
left:474px;
top:75px;
color:#f8e900;
font-size:13px;
}
#travellers-benefits{
position:absolute;
z-index:1000;
left:730px;
top:75px;
width:150px;
height:140px;
overflow:hidden;
color:#f8e900;
font-size:13px;
}
#feature {
height:250px;
margin-top:5px;
}
#content {
margin-top:5px;
margin-bottom:5px;
line-height:1.75em;
}
#content-left {
float:left;
width:650px;
background:#fff;
padding:15px;
min-height:1269px;
}
#candidate-pages #content-left{
min-height:1123px;
}
#employer-pages #content-left {
min-height:767px;
}
#login-form {
float:left;
width:900px;
min-height:265px;
background:#fff;
padding:30px;
margin-top:5px;
margin-bottom:5px;
}
#content-right {
float:right;
width:275px;
}
#content-right a {
font-weight:normal;
}
#content-right ul {
list-style:none;
padding:0;
}
#content-right li {
margin-bottom:10px;
}
#content-right h3 {
margin:0;
padding:6px;
height:26px;
color:#fff;
margin-bottom:10px;
background:url(images/bg-side-heading.png) no-repeat;
}
.content-right-module {
background:#fff;
padding:15px;
margin-bottom:5px;
float:left;
width:245px;
}
.content-right-ads {
background:#fff;
padding-top:5px;
margin-bottom:5px;
float:left;
width:275px;
}
#footer {
background:#fff;
padding:15px;
width:930px;
}
/* info pages menu */
.plain_menu {
position:relative;
display: block;
height: 25px;
float:left;
list-style:none;
margin:0 0 0 5px;
padding:0px;
}
#nav .plain_menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
display:block;
color:#fff;
padding: 10px 10px;
text-decoration:none;
font-weight:bold;
background:#00366e;
opacity: .90;
filter: alpha(opacity=90);
list-style:none;
width:340px;
}
#nav .plain_menu li ul li {
float:left;
width:170px;
}
#nav .tax, #nav .taxjobs, #nav .taxjobs, #nav .taxmorejobs, #nav .thanks{
display:none;
}
#footer .plain_menu {
font-size:11px;
}
#footer .plain_menu li ul {
display:none;
}
#footer .tax, #footer .taxjobs, #footer .taxjobs, #footer .taxmorejobs, #footer .thanks{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
.plain_menu_button {
float:left;
display:block;
background: url("images/bg-nav-line.png") no-repeat center right;
}
.plain_menu_button a:link, .plain_menu_button a:visited {
display:block;
color:#fff;
padding: 10px 10px;
text-decoration:none;
font-weight:bold;
}
.plain_menu_button a:hover, .plain_menu_button a:active {
background:#b87e0b;
}
#footer .plain_menu_button {
background:none;
}
#footer .plain_menu_button a:link, #footer .plain_menu_button a:visited {
color:#000;
}
#footer .plain_menu_button a:hover, #footer .plain_menu_button a:active {
background:none;
text-decoration:underline;
}
#job-post-login {
background:none !important;
}
#job-post-login #login-form {
width:650px;
height:265px;
margin:0;
padding:0;
}
#app_form {
height:auto;
}
#categories {
float:left;
width:630px;
margin-left:20px;
}
#categories ul {
float:left;
list-style:none;
margin:0 0 15px 0;
padding:0;
width:100%;
}
#categories li {
float:left;
width:33%;
}
.Type, .Location {
display:none;
}
.share {
padding:5px;
height:60px;
background: url("images/bg-share.png") no-repeat center center #fff;
text-align:center;
width:265px;
}
#head-ad{
float:right;
height:87px;
margin:20px 5px;
width:600px;
text-align:right;
}
#head-slogan{
letter-spacing:0.3em;
color:#f8ad00;
font-style:italic;
float:right;
height:87px;
margin:20px 5px;
width:550px;
letter-spacing:0.05em;
}
#head-slogan td {
font-size:17px !important;
}
.side-ad{
background-color:#CCC;
width:112px;
height:150px;
float:left;
margin:5px;
}
.design{
float:left;
}
.copy {
float:right;
}
.copy div {
float:right;
height:48px;
width:48px;
margin-left:10px;
}
.twitter {
background:url(images/img-twitter.jpg) no-repeat;
}
.facebook {
background:url(images/img-facebook.jpg) no-repeat;
}
.copy div:hover {
background-position:0 -48px;
}
.category-list{
float:left;
width:100%;
}
#search_form {
width:100%;
}
#top-links{
padding-bottom:10px;
height:35px;
}
#top-links-left{
float:left;
}
#top-links img {
float:left;
}
#top-links a:link, #top-links a:visited, #top-links a:hover, #top-links a:active{
display:block;
float:left;
margin:5px 10px 0 5px;
}
#top-links-right{
float:right;
}
#job_post_body{
clear:both;
}
.file-details{
font-size:9px;
}
.table{
color:#fff;
}
#post_form{
overflow:hidden;
}
.promo-invalid {
font-weight:bold;
color:#F00;
}
.promo-valid {
font-weight:bold;
color:#3C0;
}
.ad{
float:right;
padding:0px 12px 0px 13px;
margin-bottom:5px;
}
#tabs-nav {
float:left;
margin-left:10px;
margin-top:5px;
width:960px;
background:url(images/no_flicker.jpg) repeat-x;
}
/* tabs menu styles */
.kwicks {
margin-left:35px;
list-style: none;
position: relative;
margin: 0;
padding: 0;
background-image:url(images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
}
.kwicks li{
display: block;
/* overflow: hidden; */
padding: 0;
cursor: pointer;
float: left;
width: 137px;
height: 40px;
margin-right: 0px;
background-image:url(images/kwicks_sprite.jpg);
background-repeat:no-repeat;
}
.kwicks li ul {
z-index:3000;
margin-left:-38px;
}
.kwicks li ul li {
display:none;
background: none repeat scroll 0 0 #EB9500;
opacity:0.95;
width:199px;
height:auto;
}
.kwicks li ul li a {
height:auto;
text-indent:0px;
padding:10px;
}
.kwicks li:hover ul li{
display:block;
z-index:3000;
}
.kwicks a{
display:block;
height:40px;
text-indent:-9999px;
outline:none;
}
#kwick1 {
background-position:0px 0px;
}
#kwick2 {
background-position:-200px 0px;
}
#kwick3 {
background-position:-400px 0px;
}
#kwick4 {
background-position:-600px 0px;
}
#kwick5 {
background-position:-800px 0px;
}
#kwick6 {
background-position:-1000px 0px;
}
#kwick7 {
background-position:-1200px 0px;
}
#kwick1.active, #kwick1:hover {
background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
background-position: -600px bottom;
}
#kwick5.active, #kwick5:hover {
background-position: -800px bottom;
}
#kwick6.active, #kwick6:hover {
background-position: -1000px bottom;
}
#kwick7.active, #kwick7:hover {
background-position: -1200px bottom;
}
#kwick1 a{
/* background-image:url(images/end.jpg); */
background-repeat:no-repeat;
background-position: left 0px;
}
#kwick1 ul li a{
background-image:none;
}
#kwick1 a:hover{
background-position: left -80px;
}
#kwick7 a{
background-image:url(images/end.jpg);
background-repeat:no-repeat;
background-position: right -40px;
}
#kwick7 a:hover{
background-position: right -120px;
}
.simply-box {
float:left;
padding:5px 0 0 14px;
clear:left;
}