/*
Copyright (c) 2009, Jobline - manpower resource company
version 1.0
Chalk theme
*/
body {background:url(../images/chalk/bg.gif);font-family:Verdana,Helvetica,Arial,sans-serif;line-height:18px;font-size:13px;color:#4E5255;}
p {margin-bottom:8px;}
.warning {font-weight:bold;color:red;}
.clear {clear:both;margin:0;padding:0;}
a:link {color:#4683c2;}
a:visited {color:#4683c2;}
/*label, strong {font-weight:bold;}*/
input[type="search"] {outline:none;}
p.job_found {color:#999;margin-top:20px;}
p.not_found {color:red;margin-top:20px;}
sup {font-size:50%;}
p.warn_note {background:url(../images/chalk/exclamation.png) left center no-repeat; padding-left:20px;text-decoration:underline;color:#888;text-align:left;margin-top:5px;}
span.hello {background:url(../images/chalk/user-silhouette.png) left center no-repeat; padding-left:20px;}
em {text-decoration:underline;}
span.key {background:url(../images/chalk/key.png) left center no-repeat; padding-left:20px;}

div.legend {font-size:80%; color:#888;}
div.legend h4 {font-weight:bold;}

div#top {background:url(../images/chalk/bg_top.gif) no-repeat;width:1018px;height:126px;position:relative;}
div#wrapper {background:url(../images/chalk/bg_steps.gif) repeat-y;width:1018px;margin: 0 auto;margin-top:6px;}
div#footer {clear:both;font-size:80%;color:#868686;margin-bottom: 5px;margin-top:20px;}
div#footer p {margin:0;}
div#footer a {color:#5db0e4;}
div#conclude {background:url(../images/chalk/bg_bottom.gif) no-repeat;width:1018px;height:62px;}

div#container {padding:20px 50px 0 40px;}
div#container h1, div#container h2, div#container h3 {font-family:Georgia,"Times New Roman",Times,serif;font-size:22px;line-height:1.2em;color:#C73C33;text-decoration:none;margin:3px 0;}
div#container h2 {font-size:18px;}
div#container h3 {font-size:16px;}

div#staff_main_nav_wrapper {width:489px;position:absolute;right:61px;bottom:0;}
ul#staff_main_nav {background:url(../images/chalk/staff_main_nav.gif) no-repeat;width:489px;height:44px;position:relative;}
ul#staff_main_nav li {position:absolute;top:0;overflow:hidden;}
ul#staff_main_nav li a {text-indent:-5000px;}
ul#staff_main_nav li, ul#staff_main_nav a {display:block;height:44px;}
ul#staff_main_nav li#upload {left:0;width:93px;}
ul#staff_main_nav li#members {left:93px;width:101px;}
ul#staff_main_nav li#companies {left:194px;width:116px;}
ul#staff_main_nav li#projects {left:310px;width:105px;}
ul#staff_main_nav li#jobs {left:415px;width:74px;}
ul#staff_main_nav li#upload a:hover, ul#staff_main_nav li#upload.selected {background:transparent url(../images/chalk/staff_main_nav.gif) 0 -44px no-repeat;}
ul#staff_main_nav li#members a:hover, ul#staff_main_nav li#members.selected {background:transparent url(../images/chalk/staff_main_nav.gif) -93px -44px no-repeat;}
ul#staff_main_nav li#companies a:hover,ul#staff_main_nav li#companies.selected {background:transparent url(../images/chalk/staff_main_nav.gif) -194px -44px no-repeat;}
ul#staff_main_nav li#projects a:hover, ul#staff_main_nav li#projects.selected {background:transparent url(../images/chalk/staff_main_nav.gif) -310px -44px no-repeat;}
ul#staff_main_nav li#jobs a:hover, ul#staff_main_nav li#jobs.selected {background:transparent url(../images/chalk/staff_main_nav.gif) -415px -44px no-repeat;}

div#candidate_main_nav_wrapper {width:401px;position:absolute;right:61px;bottom:0;}
ul#candidate_main_nav {background:url(../images/chalk/candidate_main_nav.gif) no-repeat;width:401px;height:44px;position:relative;}
ul#candidate_main_nav li {position:absolute;top:0;overflow:hidden;}
ul#candidate_main_nav li a {text-indent:-5000px;}
ul#candidate_main_nav li, ul#candidate_main_nav a {display:block;height:44px;}
ul#candidate_main_nav li#profile {left:0;width:89px;}
ul#candidate_main_nav li#employments {left:89px;width:127px;}
ul#candidate_main_nav li#payrolls {left:216px;width:93px;}
ul#candidate_main_nav li#leaves {left:309px;width:92px;}
ul#candidate_main_nav li#profile a:hover, ul#candidate_main_nav li#profile.selected {background:url(../images/chalk/candidate_main_nav.gif) 0 -44px no-repeat;}
ul#candidate_main_nav li#employments a:hover, ul#candidate_main_nav li#employments.selected {background:url(../images/chalk/candidate_main_nav.gif) -89px -44px no-repeat;}
ul#candidate_main_nav li#payrolls a:hover, ul#candidate_main_nav li#payrolls.selected {background:url(../images/chalk/candidate_main_nav.gif) -216px -44px no-repeat;}
ul#candidate_main_nav li#leaves a:hover, ul#candidate_main_nav li#leaves.selected {background:url(../images/chalk/candidate_main_nav.gif) -309px -44px no-repeat;}

div#employer_main_nav_wrapper {width:455px;position:absolute;right:61px;bottom:0;}
ul#employer_main_nav {background:url(../images/chalk/employer_main_nav.gif) no-repeat;width:455px;height:44px;position:relative;}
ul#employer_main_nav li {position:absolute;top:0;overflow:hidden;}
ul#employer_main_nav li a {text-indent:-5000px;}
ul#employer_main_nav li, ul#employer_main_nav a {display:block;height:44px;}
ul#employer_main_nav li#dashboard {left:0;width:125px;}
ul#employer_main_nav li#projects {left:125px;width:105px;}
ul#employer_main_nav li#colleagues {left:230px;width:122px;}
ul#employer_main_nav li#jobs {left:230px;width:122px;}
ul#employer_main_nav li#company {left:352px;width:103px;}
ul#employer_main_nav li#dashboard a:hover, ul#employer_main_nav li#dashboard.selected {background:url(../images/chalk/employer_main_nav.gif) 0 -44px no-repeat;}
ul#employer_main_nav li#projects a:hover, ul#employer_main_nav li#projects.selected {background:url(../images/chalk/employer_main_nav.gif) -125px -44px no-repeat;}
ul#employer_main_nav li#colleagues a:hover, ul#employer_main_nav li#colleagues.selected {background:url(../images/chalk/employer_main_nav.gif) -230px -44px no-repeat;}
ul#employer_main_nav li#company a:hover, ul#employer_main_nav li#company.selected {background:url(../images/chalk/employer_main_nav.gif) -352px -44px no-repeat;}

div#no_login_main_nav_wrapper {width:491px;position:absolute;right:38px;bottom:0;}
ul#no_login_main_nav {background:url(../images/chalk/no_login_main_nav.gif) no-repeat;width:491px;height:44px;position:relative;}
ul#no_login_main_nav li {position:absolute;top:0;overflow:hidden;}
ul#no_login_main_nav li a {text-indent:-5000px;}
ul#no_login_main_nav li, ul#no_login_main_nav a {display:block;height:44px;}
ul#no_login_main_nav li#home {left:0;width:76px;}
ul#no_login_main_nav li#employer {left:76px;width:109px;}
ul#no_login_main_nav li#candidate {left:185px;width:122px;}
ul#no_login_main_nav li#jobs {left:307px;width:74px;}
ul#no_login_main_nav li#contact {left:381px;width:110px;}
ul#no_login_main_nav li#home a:hover, ul#no_login_main_nav li#home.selected {background:url(../images/chalk/no_login_main_nav.gif) 0 -44px no-repeat;}
ul#no_login_main_nav li#employer a:hover, ul#no_login_main_nav li#employer.selected {background:url(../images/chalk/no_login_main_nav.gif) -76px -44px no-repeat;}
ul#no_login_main_nav li#candidate a:hover, ul#no_login_main_nav li#candidate.selected {background:url(../images/chalk/no_login_main_nav.gif) -185px -44px no-repeat;}
ul#no_login_main_nav li#jobs a:hover, ul#no_login_main_nav li#jobs.selected {background:url(../images/chalk/no_login_main_nav.gif) -307px -44px no-repeat;}
ul#no_login_main_nav li#contact a:hover, ul#no_login_main_nav li#contact.selected {background:url(../images/chalk/no_login_main_nav.gif) -381px -44px no-repeat;}

div#nav {position:absolute;right:38px;bottom:-5px;}
div#nav ul li {float:left;margin:5px;}
div#nav ul li a {display:block;padding:10px;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:18px;font-weight:bold;text-decoration:none;color:#585858;text-shadow:0 1px #fff;border:1px solid transparent;}
div#nav ul li a:hover, div#nav ul li.selected a {background:#fff;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;color:#d72d11;}

.filter_bar {list-style-type: none; margin:20px 0 50px 0; font-weight:bold;}
.filter_bar li {background:#eeeeee url(../images/chalk/tag-r.png) top right no-repeat; display:block; float:left; margin:0 3px 3px 0; position:relative; height:20px; line-height:1.6em;}
.filter_bar li a {background:transparent url(../images/chalk/tag-l.png) top left no-repeat; display:block; height:20px; padding:0 10px; text-decoration:none; font-size:12px; font-family:Arial;}
.filter_bar li.selected, .filter_bar li:hover {background:#eeeeee url(../images/chalk/tag_selected-r.png) top right no-repeat;}
.filter_bar li.selected a, .filter_bar li:hover a {background:transparent url(../images/chalk/tag_selected-l.png) top left no-repeat; color:#fff;}

.project {list-style-type: none; margin:20px 0 50px 0;}
.project li {display:block; float:left; margin:0 3px 3px 0; position:relative; height:20px; line-height:1.6em;}
.project li.selected, .filter_bar li:hover {background:#eeeeee url(../images/chalk/tag_selected-r.png) top right no-repeat;}
.project li.selected a, .filter_bar li:hover a {background:transparent url(../images/chalk/tag_selected-l.png) top left no-repeat; color:#fff;}
span.counter a {display:block; height:20px; padding:0 10px; text-decoration:none;}
{border:1px solid;}

div#login,#logout{position:absolute;top:6px;right:35px;}
div#login a{color:#ffe;}
div#logout ul{color:#ffe;}
div#logout ul li{display:inline;color:#ffe;padding-right:5px;}
div#logout ul li a{display:inline;color:#ffe;padding-right:5px;}

span#help{background:url(../images/chalk/question.png) left center no-repeat;padding-left:20px;cursor:pointer}

#logo {position:absolute;top:44px;left:45px;}

div.action h1 {float:left;}
div.add {background:url(../images/chalk/add.png) left center no-repeat;height:20px;padding-left:20px;}
div.action div.search {display:block;float:right;padding-top:5px;}

table {width:100%;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;}
table.records {border:4px solid #f4f4ed;margin:10px 0;clear:both;}
table.records th.dollar, table.records td.dollar {text-align:right;}
table.records th {font-weight:bold;padding:5px;color:#383d44;background:#f4f4ed;border-bottom:1px solid #d6dbad;}
table.records th a {color:#333;text-decoration:none;}
table.records th img {vertical-align:middle;}
table.records th span {border-bottom:1px dotted #ccc;cursor:help;}
table.records td {padding:5px;border-bottom:1px solid #d8e7f7;vertical-align:top;}
table.records tr.odd {background-color:#eff2fb;}
table.records tr.even {background-color:#f2fbef;}
table.records td a:link, table.records td a:visited {color:#126eb6;}
table tr:hover {background:#e0edfb;}

table.list {border:4px solid #f4f4ed;margin:10px 0;}
table.list td {padding:5px;border-bottom:1px solid #d8e7f7;}
table.list td.attr {font-weight:bold;width:160px;vertical-align:top;background:#f4f4ed;border-bottom:1px solid #d6dbad;text-align:left;}
table.list td a:link, table.list td a:visited {color:#126eb6;}

input.field, textarea.textarea {-moz-border-radius:2px;-webkit-border-radius:2px;resize:none;font:12px "Lucida Grande", Lucida, Verdana, sans-serif;padding:2px;margin:0;border-top:1px solid #8e8e8e;border-left:1px solid #8e8e8e;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background:#fefefe;font-size:15px;}
input.field:focus, textarea.textarea:focus {background-color:#fefeee;}
textarea.textarea {font-size:12px;}

div#upload {margin:10px 0;border-top:1px solid #ccc;padding-top: 20px;}

ul.point {margin-bottom:10px;}
ul.point li, div.errorExplanation ul li {background:url(../images/chalk/bullet.gif) no-repeat 0 7px;padding-left:13px;}
ul.user_company_list li {background:url(../images/chalk/company.png) no-repeat left center;padding-left:18px;}

div.errorExplanation {border:1px solid #eec8c3;background:#ffe7e3 url(../images/chalk/stop.png) 10px 10px no-repeat;padding:10px 10px 10px 50px;margin:10px 0;}
div#container div.errorExplanation h2, div.job_application div.errorExplanation h2 {font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;text-decoration:none;font-weight:bold;font-size:16px;color:red;}
div.errorExplanation p {font-style:italic;color:#333;}

div#flash_error {background:red;color:white;padding:5px 10px;margin:0 36px 0 22px;}
div#flash_notice {background:#73b669;color:white;padding:5px 10px;margin:0 36px 0 22px;}

div#data_paginate h1 {text-decoration:none;}
div#data_paginate span.previous {padding-right:10px;}
div#data_paginate span.next {padding-left:10px;}

ul.counter li {display:inline;padding:0 10px 0 0px;}
ul.counter li span {position:relative;top:-3px;padding-left:3px;}

div.payment {margin:1em 0 3em 0;float:right;margin-right:40px;width:28%;} /* IE need the width */
div#container div.payment h2 {border-bottom:1px solid #ccc;text-align:left;text-decoration:none;}
div.payment p:not([class="warn_note"]) {text-align:right;}
div.payment p strong {text-align:left;}
div.payment span.amount {font-size:22px;font-family:Georgia,"Times New Roman",Times,serif;color:#40a756;text-align:right;}
div.payment span.issue {border-bottom:1px dotted #ccc;cursor:help;}

table.summary td {font-family:Verdana,Helvetica,Arial,sans-serif;text-align:right;border-bottom:1px solid #e6d257;padding:2px;}
table.summary td.header {text-align:left;font-weight:bold;padding-right:15px;background:#fcefa1;}

div#container div.entitlement h2 span, div#container div.leave h2 span {font-size:90%;color:darkgreen;}
div.entitlement ul {margin:10px 0;}
div.entitlement ul li {float:left; padding-right:1em;}
div.entitlement table.entitlement {width:90px;border:4px solid #dcdcdc;}
div.entitlement table.entitlement td {text-align:center;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;padding:5px;color:#fff;}
div.entitlement table.entitlement td.header {background:#aaa;}
div.entitlement table.entitlement td.header span {border-bottom:1px dotted #444;cursor:help;}
div.entitlement table.entitlement td.used {background:#af1b37;width:50%;height:30px;}
div.entitlement table.entitlement td.left {background:#319a4e;width:50%;height:30px;}
div.entitlement table.entitlement td.total {background:#80bbe9;color:#1967a4;height:30px;}

div.leave {clear:both;padding-top:1em;}

div.legend h4 {text-decoration:underline;color:#6c98c7;}
div.legend table strong {font-weight:bold;color:#888;}
div.legend table td {color:#aaa;}
div.legend table tr.no_hover {background:#fff;}

th.epl, td.epl {width:95px;}

th.emp_status, td.emp_status {width:18px;text-align:center;}
th.user_status, td.user_status, th.pro_status, td.pro_status {width:60px;}
th.ca_id, td.ca_id, th.code, td.code, th.coy_id, th.pro_id, th.last_login {width:50px;}

th.pl, td.pl {width:60px;}
th.period, td.period {width:150px;background:#e9f4fc;}
th.coy_name, td.coy_name, td.pro_name {width:250px;background:#e9f4fc;}
td.pm {background:#e9f4fc;}
td.reg_num {text-align:center;}

span.coy_name {color:#aaa;text-decoration:underline;}

div.pagination {float:right;margin-top:5px;}
div.pagination ul {display:block;}
div.pagination ul li {float:left;padding-left:5px;}
div.pagination .prev_page {position:relative;top:4px;}
div.pagination .next_page {position:relative;top:4px;}
div.pagination a {font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;padding:3px;}
div.pagination .current {background:yellow;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;padding:2px;}

div#search_wrapper {margin:0 auto;border:2px solid #bbb;padding:15px;background-color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:-2px 2px 8px #BFBFBF;-webkit-box-shadow:-2px 2px 8px #BFBFBF;}
div#search_wrapper div#search_div {float:left;}
div#search_wrapper div#cart       {float:right;border-left:1px solid #9F9F9F;width:150px;height:100px;padding: 10px 0 0 20px;}
div#search_wrapper div#cart p {background:url(../images/chalk/cart.png) left center no-repeat; padding-left: 35px;text-decoration:underline;}
div#search_wrapper div#cart p a {font-family:Helvetica,serif;font-size:15px;color:#35415F;}

div#search_result_wrapper {margin-top:10px;}
div.search_result {position:relative;margin:1em 0;font-family:Georgia,"Times New Roman",Times,sans-serif;}
div.search_result h2.job_title a {font-size:16px;color:#C73C33;text-decoration:none;line-height:1.2em;}
div.search_result h2.selected_jd {background:url(../images/chalk/small_cart.png) left center no-repeat;padding-left:20px;}
div.search_result h2.job_title a:hover {text-decoration:underline;}
div.search_result div.job_date {font-size:16px;position:absolute;right:10px;top:3px;color:#ccc;}
div.search_result div.job_desc {padding: 10px 0 0 0;line-height:20px;}
div.search_result ul.job_bar {font-size:13px;color:#8F8F8F;}
div.search_result ul.job_bar li {display:inline;margin-right:10px;cursor:help;}

div#show_jp div#job_top_desc p.big_job_title {text-transform:uppercase;font-size:20px;color:#C73C33;text-shadow:1px 1px 2px #CFCFCF;text-align:right;padding: 10px 0 0 0;}
div#show_jp div#job_top_desc p.big_category {padding: 5px 10px 0 0;color:#376F3A;font-size:14px;width:260px;float:left;}
div#show_jp div#job_top_desc p.big_salary {color:#376F3A;font-size:14px;text-align:right;float:right;padding: 5px 0 0 0;overflow:visible;width:600px;line-height:22px;}

div#show_jp div#job_mid_desc {margin: 2px 0 0 0;border:1px solid #ccc;}
div#show_jp div#job_mid_desc table tr {background:none;}
div#show_jp div#job_mid_desc table tr td, div#show_jp div#job_mid_desc table tr th {text-align:center;font-size:16px;}
div#show_jp div#job_mid_desc table tr th h3 {font-family:Georgia, sans-serif;}
div#show_jp div#job_mid_desc table tr th.table_top_left {border-right:1px solid #ccc;}
div#show_jp div#job_mid_desc table tr th.table_top_center {border-right:1px solid #ccc;}
div#show_jp div#job_mid_desc table tr th.table_top_right {}
div#show_jp div#job_mid_desc table tr td.table_bottom_left {border-right:1px solid #ccc;}
div#show_jp div#job_mid_desc table tr td.table_bottom_center {border-right:1px solid #ccc;}
div#show_jp div#job_mid_desc table tr td.table_bottom_right {}

div#show_jp div#job_bottom_desc {border: 1px solid #ddd;border-top:none;}
div#show_jp div#job_bottom_desc div.left_job_bottom {float:left;width:700px;padding:10px;color:#666;}
div#show_jp div#job_bottom_desc div.left_job_bottom span {color:#666;}
div#show_jp div#job_bottom_desc div.right_job_bottom {float:right;width:180px;padding:20px 0 0 0;}
div#show_jp div#job_bottom_desc div.right_job_bottom p {background:url(../images/chalk/add_to_cart.png) left center no-repeat; padding: 20px 10px 10px 35px;text-decoration:underline;}
div#show_jp div#job_bottom_desc div.right_job_bottom p a {font-family:Helvetica,serif;font-size:15px;color:#35415F;}

div#show_jp {position:relative;margin-bottom:10px;}
div#show_jp table {font-family:Verdana,Helvetica,Arial,sans-serif;}
div#show_jp table td{padding:4px;}
div#show_jp h2 {color:#C73C33;text-decoration:none;font-size:24px;line-height:1.2em;}
div#show_jp p.job_date {font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;color:#aaa;position:absolute;right:10px;top:3px;}

div#show_jp div.job_status {position:absolute;right:10px;top:20px;z-index:1;}
div#show_jp div.job_status div.active {border-style:solid;border-width:2px;float:right;padding:2px 5px;}
div#show_jp div.job_status div.divider {float:right;padding:5px 5px 0px 5px;}
div#show_jp div.job_status div.inactive {float:right;padding:5px 5px 0px 5px;}
div#show_jp div.job_status div#reason_popup {border-style:solid;border-width:1px;padding:10px;background-color:#8FBC8F;clear:both;}

div#show_jp div#requirements {font-family:Georgia,"Times New Roman",Times,serif;padding:5px;margin-top:15px;background:#eee;line-height:1.5em;}
div#show_jp p.category {font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;line-height:1.2em;margin-top:20px;}
div#show_jp p.salary {font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;line-height:1.2em;color:green;}
div#show_jp td.information_label {font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;line-height:1.2em;text-align:left;width:180px;}
div#show_jp td.information_column {font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;line-height:1.2em;text-align:left;}
div#show_jp span {color:#fff;padding:2px;}

div.job_application {font-family:Arial,sans-serif;font-size:14px; line-height:150%;margin-top:2em;}
div.job_application #job_application_shortlist{padding: 10px 20px;background:#E0E9F3;margin:5px 0;}
div.job_application div.app {border:3px solid #eee;}
div.job_application div.email_header {padding:10px;background:#fefbcf url(../images/chalk/email_header.gif) repeat-x;border-bottom:1px solid #f2e282;}
div.job_application div.content {padding:10px;background:#fdf8f4;}
#ja_name, #ja_email, #ja_contact {background-color:transparent;border-style:none;border-bottom:1px dotted;color:#598aa4;}

#job_summary_chart{display:block;margin-left:auto;margin-right:auto;}
div#cms {width:59%;margin:8px;float:right;padding:8px;min-height:280px;}

div#about_jl div#service_wrapper {margin-top:20px;overflow:auto;}
div#about_jl div#service_wrapper div.services{margin:5px;border:5px solid #eee;width:30%;padding:5px;float:left;min-height:160px;}
div#about_jl div#service_wrapper div.services p{font-size:15px;color:#CC6600;font-weight:bold;text-align:center;}

div#contact_us {min-height:450px;margin-top:30px;}
div#contact_us h1 {color:#C73C33;text-decoration:none;}
div#contact_left {width:68%;float:left;overflow:none;}
div#contact_right {float:right;overflow:none;width:30%;padding:0;line-height:17px;}

div.contact_form, div.request_form {margin-top:20px;}
div.contact_form label, div.request_form label {display:block;margin-bottom:5px;cursor:pointer;}

div#signin {margin-top:20px;width:50%;font-family:Helvetica,Arial,sans-serif;}
div#signin label {display:block;cursor:pointer;color:#404040;font-weight:normal;}

div#reset_pwd {margin-top:20px;}
div#reset_pwd label {display:block;margin-bottom:5px;cursor:pointer;}

div.form {margin-top:20px;}
div.form label {display:block;margin-bottom:5px;cursor:pointer;}

div#job_summary_wrapper {width:100%;min-height:300px;}
div#job_summary{margin-top:30px;margin-left:80px;}
div#js_left{float:left;}
div#js_right{float:left;margin-top:20px;margin-left:70px;}
table#job_summary_table td {text-align:left;width:100px;}
table#job_summary_table td.header {font-weight:bold;}

.bold_p {font-weight:bold;text-decoration:underline;color:#43474A;}

ul#gender-row {margin-top: -5px;}
ul#gender-row li {display: inline; padding-right: 1em;}
ul#gender-row li img {position: relative; top: 3px;}
ul#gender-row li label {padding-left: 3px;}

div#latest_jp {width:310px;float:right;padding:8px;min-height:280px;margin-top:11px;}
div#latest_jp h1 {color:#C73C33;text-decoration:none;margin:1em 0;}
div#latest_jp form {margin-bottom:2em;}
ul.most_recent li a {color:#515f6a;line-height:150%;text-decoration:none;}
ul.most_recent li {border-bottom:1px solid #ddd;padding:5px 0;background:url(../images/chalk/bullet.gif) left center no-repeat;padding-left:12px;}

div.info {background:#f6f7a4 url(../images/chalk/info.png) 3px 3px no-repeat;border:1px solid #d6d857;padding:5px;padding-left:43px;margin:1em 0;}

div#submit_resume {margin:2em 0 5em 0;border-top:1px solid #ddd;padding:1em;}
div#submit_resume img {margin: 0 auto;display:block;}
div#submit_resume span {margin: 0 auto;display:block;width:20px;padding:1em;}

ul#rates_jobs {margin-top:50px;}

/* Dashboard */
div#dashboard_message {background:#c1e3fc;border:1px solid #80beea;padding:5px;margin-top:1em;}
div#dash_stats {border-top:3px solid #666;margin-top:2em;padding-top:2em;}
div#dash_stats table {width:960px;}
div#dash_stats td {vertical-align:top;padding:5px;width:192px;}
div#dash_stats td h1 {font-size:300%;color:#579d44;margin:10px 0;}
div#dash_stats tr:hover {background:none;}
div#dash_stats span, div#dash_stats p {color:#aaa;margin-bottom:13px;}
div#dash_stats td span#projects {background:url(../images/chalk/dash_projects.png) left center no-repeat;padding:45px;font-size:120%;}
div#dash_stats td span#employments {background:url(../images/chalk/dash_employments.png) left center no-repeat;padding:45px;font-size:120%;}
div#dash_stats td span#users {background:url(../images/chalk/dash_colleagues.png) left center no-repeat;padding:45px;font-size:120%;}
div#dash_stats td span#invoices {background:url(../images/chalk/dash_invoice.png) left center no-repeat;padding:45px;font-size:120%;}
div#dash_stats td span#jobs {background:url(../images/chalk/dash_jobs.png) left center no-repeat;padding:45px;font-size:120%;}
div#dash_stats p.details a {-moz-border-radius:3px;-webkit-border-radius:3px;background:#ebebeb;padding:5px;color:#333;text-decoration:none;}
div#dash_stats p.details a:hover {background:#555;color:#fff;}
div#dash_stats p.active a {-moz-border-radius:3px;-webkit-border-radius:3px;background:#ebebeb;padding:5px;color:#333;text-decoration:none;}
div#dash_stats p.active a:hover {background:green;color:#fff;}
div#dash_stats p.inactive a {-moz-border-radius:3px;-webkit-border-radius:3px;background:#ebebeb;padding:5px;color:#333;text-decoration:none;}
div#dash_stats p.inactive a:hover {background:red;color:#fff;}

span.consultants {background:url(../images/chalk/user-black-female.png) left center no-repeat;padding-left:20px;}
span.calculator {background:url(../images/chalk/calculator.png) left center no-repeat;padding-left:20px;}
span.company {background:url(../images/chalk/company.png) left center no-repeat;padding-left:20px;}
span.period {background:url(../images/chalk/calendar-day.png) left center no-repeat;padding-left:20px;}
span.pay_type {background:url(../images/chalk/hammer.png) left center no-repeat;padding-left:20px;}

/* Help */
ul.help_nav li {display:inline;margin-right:0.5em;}
ul.help_nav li.separator {color:#aaa;}
ul.help_nav li a {padding:3px;}
ul.help_nav li.selected a {background:#000;color:#fff;text-decoration:none;}
ul.help_nav {border-bottom:1px solid #ccc;padding:1.5em 0;}

div#help_screen {margin-top:1em;}
div#help_screen p {line-height:150%;margin-bottom:1em;}
div#help_screen h1 {font-family:Helvetica,Arial,sans-serif;font-weight:bold;}
div#help_screen div.section {margin-bottom:2.5em;}
div#help_screen div.section ul li {background:url(../images/chalk/bullet.gif) no-repeat 0 7px;padding-left:13px;}
div#help_screen div.section ol {margin-left:27px;}
div#help_screen div.section ol li {list-style:decimal;}

/* leaves report table */
table.leaves_report {overflow:scroll;width:130%;}
table.leaves_report table.entitlements span.entitled {background:#80bbe9;color:#1967a4;padding:3px;}
table.leaves_report table.entitlements span.used {background:#af1b37;color:#fff;padding:3px;}
table.leaves_report table.entitlements span.left {background:#319a4e;color:#fff;padding:3px;}
table.leaves_report p.title {font-size:95%;margin:0px;color:#3a8ad3;}
table.leaves_report p.contract_period {font-size:85%;font-style:italic;margin:0px;}
table.records th.no-background {background:none;border-border:#D6DBAD;}
table.leaves_report td {border-bottom:2px solid #d8e7f7;}
table.leaves_report tr:hover {background-color:transparent;}
table.leaves td {border-bottom:1px solid #ddd;}

p.leave_show {background:url(../images/chalk/arrow_show.png) left center no-repeat;padding-left:15px;cursor:pointer;text-decoration:underline;margin:10px 0;}
p.leave_hide {background:url(../images/chalk/arrow_hide.png) left center no-repeat;padding-left:15px;cursor:pointer;text-decoration:underline;margin:10px 0;}

ul.download {background:#ddd;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:inline;}
ul.download li {display:inline;margin-right:1em;}
ul.download li.pdf {background:url(../images/chalk/document-pdf.png) left center no-repeat;padding-left:20px;}
ul.download li.excel {background:url(../images/chalk/document-excel.png) left center no-repeat;padding-left:20px;}
ul.download li.calendar {background:url(../images/chalk/calendar-day.png) left center no-repeat;padding-left:20px;}
ul.download li.full {background:url(../images/chalk/chart.png) left center no-repeat;padding-left:20px;}

#leave_show {background:url(../images/chalk/eye_show.png) left center no-repeat;padding-left:20px;cursor:pointer;margin-top:40px;}
#leave_hide {background:url(../images/chalk/eye_hide.png) left center no-repeat;padding-left:20px;cursor:pointer;margin-top:40px;}

tr.group_invoice td{background:#f9f7cf;border:1px solid #e9e491;}
table.invoice tr th, table.invoice tr td{text-align:right;}

div.popup, div.staff_popup {position:absolute;background:#fff;border:1px solid #3e77c0;margin-top:2px;-moz-border-radius:3px;-webkit-border-radius:3px;z-index:2;} /* -moz-box-shadow: 3px 3px 20px #888;-webkit-box-shadow: 3px 3px 20px #888; */
div.staff_popup {margin-top:-1px;}
div.popup ul li, div.staff_popup ul li {line-height:120%;border:1px solid #3e77c0;background:#d8e3fa;text-align:left;}
div.popup ul li a, div.staff_popup ul li a {display:block;padding:5px;text-decoration:none;}
div.popup ul li a:hover, div.staff_popup ul li a:hover {background:#506795;text-shadow:0 1px #1b3b7b;color:#fff;}
div.popup ul li.outstanding a {background:#ba1f1f;color:#fff;}
div.popup ul li.outstanding a:hover {background:red;}

table.emp_summary td {padding:10px 0;width:25%;}
table.emp_summary td.salary {font-family:Georgia,'Times New Roman',Times,serif;color:#999;font-size:120%;border-right:1px solid #ccc;font-weight:normal;}
table.emp_summary td.pay_type {padding-left:10px;}
table.emp_summary td.period {text-align:right;background:none;}
table.emp_summary tr:hover {background:none;}

div.emp_details {padding:10px;background:#ededed;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 0;border:1px solid #ccc;line-height:30px;}
a[href="#benefit"], a[href="#requirement"] {background:url(../images/chalk/arrow_hide.png) right center no-repeat;padding-right:15px;}
a[href="#requirement"] {background:url(../images/chalk/arrow_hide.png) right center no-repeat;font-family:"Georgia",Times New Roman,Times,serif;line-height:1.5em;padding-left:5px;padding-right:15px;}
div#benefits {background:#fff;padding:10px;border:1px solid #ddd;margin-top:8px;}

ul.summary li {display:inline;background:url(../images/chalk/bullet_teal.gif) center right no-repeat;padding:0 10px 0 2px;}
ul.summary li.first {padding-left:0;}
ul.summary li.last {background:none;}

div.toggle {width:90px;border:1px solid #4a4a4a;-moz-border-radius:3px;-webkit-border-radius:3px;background:#dcdcdc url(../images/chalk/toggle_bg.gif) repeat-x;margin-top:10px;}
ul.toggle_bar li {width:30px;float:left;text-align:center;}
ul.toggle_bar li a {padding:4px;display:block;border-right:1px solid #4a4a4a;text-decoration:none;}
ul.toggle_bar li.last a {border-right:none;}
ul.toggle_bar li img {position:relative;vertical-align:middle;top:-1px;}
ul.toggle_bar li a:hover {background:#ccc;}
ul.toggle_bar li.selected a, ul.toggle_bar li a:active {background:#d4d4d4 url(../images/chalk/toggle_selected_bg.gif) repeat-x;}

img.recruit_staff, img.msd_staff, img.payroll_staff {border:2px solid #ccc;cursor:pointer;margin-left:25%;}

table.amt th,table.amt td {text-align:right;}
table.amt th.ex, table.amt td.ex {text-align:left;}

table.expanded td.attr {width:250px;}

table.inner td {border-bottom:none;padding:5px;margin:0;}
table.osd_count th, table.osd_count td {text-align:center;}
table.osd_count tr:hover {background:none;}
div#container table.osd_count tr th h2 {color:#000;}
table.osd_count td {font-family:Georgia,'Times New Roman',Times,serif;color:red;font-size:190%}

div.ja_resume {font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;}
li.ca_resume {color:#4E5255;background-color:#F4F4ED;padding:10px 10px 1px 10px;font-size:16px;display:inline;cursor:pointer;}
li.ca_resume_selected {color:#4E5255;background-color:#F4F4ED;padding:10px 10px 1px 10px;font-size:16px;display:inline;cursor:pointer;border-bottom:2px solid #D6DBAD;}
div#profile, div#education, div#employment {color:#4E5255;background-color:#fff;padding:10px;line-height:2em;border:4px solid #F4F4ED;}

div.announcement {margin-top:20px;font-family:Helvetica,Arial,sans-serif;}
div#container h3.announcement_subject a {color:#C73C33;text-decoration:none;}

div#ca_dashboard {}
div#ca_dashboard h2.title {color:#222222;margin:10px 0;border-bottom:1px solid #ccc;width:48%;padding-bottom:3px}
div#ca_dashboard div.ca_2column {margin:20px 10px 0 0;width:48%;float:left;}
div#ca_dashboard div.full_column {margin: 20px 0 0 0;}
div#ca_dashboard p.quote {font-family:verdana;font-style:italic;font-size:12px;}
td.child_inid {text-align:right;color:#aaa;}

div#utilities {float:left;border:1px solid #ddd;padding:10px;width:20%;background-color:#E3ECF3}
div#utilities h4.tool_title {text-align:center;font-family:Helvetica,Arial,sans-serif;font-weight:bold;margin-bottom:5px;}
div#utilities ul.tools {margin: 0 5px;border:1px solid #8EA0B6;background-color:#FFFFFF;padding: 8px 0;}
div#utilities ul.tools li.function {background:url(../images/chalk/bullet.gif) no-repeat 0 13px;padding-left:13px;margin-left:10px;line-height:30px;}

div.display_options {float:right;font-size:10px;}
div.display_options h4 {font-weight:bold;cursor:pointer;text-align:right;}