/* element styles */

html {
	overflow: scroll;
}

body{
	margin: 0;
	padding: 0; 
	background: url(../images/site/bg.png) repeat-x bottom center #CCDBFA;
}	 

div {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #242743;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #242743;
	margin: 0 0 10px 0;
}

li {
	font-size: small;
	color: #242743;
}

td {
	font-size: small;
	color: #242743;
	vertical-align: top;
}

img {
	border: 0;
}

a {
	font-size: small;
	color: #1d519e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 170%;	
	font-weight: normal;
	color: #242743;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}

h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 110%;	
	color: #42466d;
	margin: 0 0 10px 0;
}

form {
	margin: 0;
}

textarea {
	font-family: arial, verdana, sans-serif;
	font-size: small;
}

/* page element styles */ 
 
#top_bar {
	height: 162px;
	padding: 0 0 50px 0;
}

#fb {
	position: absolute;
	top: 124px;
	left: 879px;
	width: 42px;
	height: 42px;
	background: url(../images/site/facebook.jpg) top left no-repeat;
}

#fb:hover {
	background-position: bottom left;
}

#top_logo {
	position: absolute;
	top: 145px;
}

#navigation {
	background: url(../images/site/nav-bg.png) repeat-x;
	height: 34px;
	clear: both;
	padding-left: 171px;
}

#main {
	position:relative;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width: 932px;
	background-color: #fff;
	padding: 0 0 0 0;
}

#login_box {
	position: absolute;
	top: -155px;
	right: 0;
	background: url(../images/site/login-box.png) no-repeat top left;
	width: 159px;
	height: 155px;
	padding: 25px 20px 0 20px;
}

#login_box a {
	color: #fff;
}

#password_hidden {
	display: none;
}

#member_login {
	position: absolute;
	top: 155px;
	left: 0;
	width: 193px;
	height: 65px;
	display: block;
	background: url(../images/site/member-login.png) no-repeat top center;
	cursor: pointer;
}

#member_box {
	position: absolute;
	top: 0;
	right: 0;
	width: 151px;
	height: 113px;
	padding: 17px 20px 20px 20px;
	background: url(../images/site/member-box.png) no-repeat top center;
	color: #fff;
	font-weight: bold;
}

#member_box ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	font-weight: normal;
}

#member_box a {
	color: #fff;
}

#footer {	
	width: 932px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/site/footer-bg.png) no-repeat top center;
}

#footer_inner {	
	width: 892px;
	height: 193px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 20px 0 20px;
}

#footer_inner div {
	font-size: 85%;
	color: #fff;
}

#footer_inner a {
	color: #fff;
	font-size: 100%;
}


/* content page structural styles */

#page_main {
	background: url("../images/site/page_bg.png") left top repeat-y;
}

#left_nav {
	float: left;
	width: 170px;
	margin: 0 50px 0 0;
	padding: 10px 0 10px 10px;
}

/* content page */

#page_content, #page_content_wide {
	float: left;
	width: 660px;
	background: url(../images/site/page-bg.png) no-repeat top left;
	padding: 0 25px 10px 20px;
}

#page_content h1, #page_content_wide h1 {
	padding: 20px 0 50px 175px;
}

#page_content #col1, #page_content_wide #col1 {
	float: left;
	width: 300px;
}

#page_content #col2, #page_content_wide #col2 {
	float: left;
	width: 300px;
	margin: 0 0 0 30px;
}

#page_content_wide {
	width: 890px;
}

#page_content_wide #col1 {
	width: 430px;
}

#page_content_wide #col2 {
	width: 430px;
}

#search_box {
	float: right;
	width: 296px;
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(../images/site/box-bg.png) no-repeat top left;
}

#right_col #search_box {
	float: right;
	width: 191px;
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(../images/site/box-bg.png) no-repeat top left;
}

/* home page */

#page_content_home {
	float: left;
	width: 900px;
}

#page_content_home #left_col {
	float: left;
	width: 695px;
}

#page_content_home #main_col {
	float: left;
	width: 660px;
	background: url(../images/site/page-bg.png) no-repeat top left;
	padding: 100px 25px 10px 20px;
}

#page_content_home #main_col p {
	font-size: 120%;
}

#page_content_home #main_col img {
	padding: 0 0 0 20px;
}

#page_content_home #col1 {
	float: left;
	width: 296px;
	margin: 10px 10px 10px 20px;
	padding: 10px 0 0 10px;
	background: url(../images/site/box-bg.png) no-repeat top left;
	min-height: 240px;
}

#page_content_home #col2 {
	float: left;
	width: 340px;
	margin: 10px 0 10px 5px;
	padding: 10px 0 0 10px;
	background: url(../images/site/box-bg.png) no-repeat top left;
	min-height: 240px;
}

#page_content_home #col1 h2, #page_content_home #col2 h2 {
	font-size: 100%;
}

#page_content_home #col1 *, #page_content_home #col2 * {

}

#latest_jobs {
	width: 633px;
	background: url(../images/site/home-jobs-bg.png) no-repeat top left;
	padding: 0 10px 20px 10px;
	margin: 0 0 0 20px;
}

/* latest vacancies */

#right_col {
	float: left;
	background: url(../images/site/home-right-box-bg.png) no-repeat top left;
	padding: 25px 0 0 1px;
	width: 200px;
}

.job_basket {
	float: left;
	width: 60px;
}

.job_title{
	color: #606277;
	font-size: 110%;
	font-weight: bold;
	display: block;
	/*background: url(../images/site/arrow-right.png) no-repeat center right;*/
	padding: 2px 0 2px 0;
	float: left;
	width: 210px;
}

#right_col .job_title {
	width: auto;
	float: none;
} 

.job_more_with_select {
	margin-left: 60px;
}

.job_applied_on {
	float: left;
	width: 200px;
}

.job_start_date {
	float: left;
	width: 120px;
}

.job_duration {
	float: left;
	width: 110px;
}

.job_reference {
	float: left;
	width: 110px;
}

.heading {
	color: #242743;
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 0 4px;
}

.arrow_down {
	background: url(../images/site/arrow-down.png) no-repeat center right;
}

.job_info {
	padding: 10px 0 10px 0;
	margin-top: 10px;
}

.job_info {
	display: none;
}

.job_info p {
	font-size: 90%;
}


/* rss feed */

#home_rss {
	position: relative;
	width: 879px;
	height: 44px;
	margin: 0 0 20px 20px;
	padding: 15px;
	background: url(../images/site/rss-bg.png) no-repeat top left;
}

#home_rss_feed {
	position: relative;
	float: left;
	width: 870px;
	height: 40px;
	overflow:hidden;
}

#home_rss_feed .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
	width: 870px;
	background: url(../images/site/arrow-right.png) no-repeat center left;
	padding: 2px 30px 3px 30px;
}

#fade_left {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 10px;
	width: 15px;
	height: 74px;
	background: url(../images/site/fade-left.png) no-repeat center left;
}

#fade_right {
	position: absolute;
	z-index: 99;
	top: 0;
	right: 22px;
	width: 15px;
	height: 74px;
	background: url(../images/site/fade-right.png) no-repeat center left;
}

/* profile tabs */

.tab_item {
	color: #fff;
	display: block !important;
	text-align: center;
	padding: 9px 18px 10px 18px !important;
	font-weight: bold;
	background: url(../images/nav/nav-bg.png) no-repeat right top;
}

.tab_item:hover {
	background-position: right -35px !important;
}

.tab_item_active {
	color: #242743;
	display: block !important;
	text-align: center;
	padding: 9px 18px 10px 18px !important;
	font-weight: bold;
	background: url(../images/nav/nav-bg.png) no-repeat right -35px;
}

#tabs, #tabs ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#tabs a {
	display: block;
}

#tabs li {
	float: left;
	padding: 0;
}

#tabs li a {
	color: #fff;
}

#tabs li a:hover {
	color: #242743;
	text-decoration: none;
}

.tab_item_active {
	color: #242743 !important;
}

#tab_main {
	float: left;
	width: 630px;	
	padding: 0 0 30px  15px;
	margin-top: 10px;
}


#profile_right_col {
	float: left;
	background: url(../images/site/home-right-box-bg.png) no-repeat top left;
	margin: 20px 0 0 30px;
	padding: 0 0 20px 20px;
	width: 170px;
}



/* nav styles */

.nav_item {
	display: block;
	height: 34px;
	text-align: center;
}

.nav_item_active {
	display: block;
	height: 34px;
	background-position: 0 -34px  !important;
	text-align: center;
}

.nav_item:hover {
	background-position: 0 -34px  !important;
}

.nav_item span, .nav_item_active span {
	display: none;
}

#nav_home {
	width: 61px;
	background: url(../images/nav/home.png) no-repeat 0 0;
}

#nav_vacancies {
	width: 88px;
	background: url(../images/nav/vacancies.png) no-repeat 0 0;
}

#nav_resources {
	width: 91px;
	background: url(../images/nav/resources.png) no-repeat 0 0;
}

#nav_members {
	width: 85px;
	background: url(../images/nav/members.png) no-repeat 0 0;
}

#nav_news {
	width: 59px;
	background: url(../images/nav/news.png) no-repeat 0 0;
}

#nav_about-us {
	width: 79px;
	background: url(../images/nav/about-us.png) no-repeat 0 0;
}

#nav_contact {
	width: 111px;
	background: url(../images/nav/contact.png) no-repeat 0 0;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li a {
	font-weight: bold;
	font-size: 110%;
	color: #333;
}

#nav li a:hover {
	color: #0071c6;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background-color: #637289;
	width: 120px;
	padding: 0 5px 0 5px;
	border: 1px #fff solid;
	border-top: 0;
	z-index: 99;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.dd_nav_item, .dd_nav_item_last {
	width: 120px;
	border-bottom: 1px #8e9aad solid;
	padding: 5px 0 5px 0 !important;
}

.dd_nav_item_last {
	border-bottom: 0;
}

.dd_nav_item a, .dd_nav_item_last a {
	color: #fff !important;
	font-weight: normal !important;
	display: block;
	font-size: 100% !important;
}

.dd_nav_item a:hover, .dd_nav_item_last a:hover {
	display: block;
	text-decoration: underline;
}

/* testimonial styles */

.testimonial_row_0 {
	background: url(../images/site/testimonial-bg-2.png) no-repeat top left;
	padding: 18px;
	margin: 0 0 10px 0;
}

.testimonial_row_1 {
	background: url(../images/site/testimonial-bg-1.png) no-repeat top left;
	padding: 18px;
	margin: 0 0 10px 0;
}


.testimonial_thumb {
	float: left;
	width: 80px;
	height: 91px;
	padding: 5px 12px 13px 6px;
	background: url(../images/site/testimonial-photo-bg.png) no-repeat top left;
	margin: 0 15px 0 0;
}




/* general styles */

.comment {
	margin: 0 0 15px 0;
	padding: 15px;
	background: url(../images/site/box-bg.png) no-repeat top left;
	border-bottom: 1px #DAE0EC solid;
}

.comment_text {
	font-size: 85%;
	padding: 0 0 10px 0;
}	

.comment_member {
	font-size: 85%;
	font-style: italic;
	text-align: right;
}

.news_divider {
	height: 1px;
	background-color: #ccc;
	margin-bottom: 10px;
}

.padded_img img {
	padding: 0 10px 10px 10px;
}

.small_text {
	font-size: 85%;
}

.small_text a, .small_text li {
	font-size: 100%;
}

.error {
	color: #c00;
	font-weight: bold;
}

.pad30lr {
	padding: 0 30px 0 30px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hide {
	display: none;
}

.pad10 {
	padding: 10px;
}

.line_bottom {
	border-bottom: 1px #dae0ec solid;
}

.line_top {
	border-top: 1px #fff solid;
}

.display {
	display: block !important;
}

.news_link {
	font-weight: bold;
	background: url(../images/site/arrow-right.png) no-repeat center left;
	padding: 2px 0 2px 25px;
}


/* buttons */

.button {
	display: block;
	height: 34px;
	border: 0;
	color: transparent !important;
	cursor: pointer;
}

.button:hover {
	background-position: 0 -34px  !important;
}

.button span {
	display: none;
}

.add-selected-to-basket {
	width: 103px;
	height: 34px;
	border: 0px;
	background: url(../images/site/add-selected-to-basket.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

.add-selected-to-basket:hover {
	background-position: 0 -34px  !important;
}

.remove-selected-jobs {
	width: 103px;
	height: 34px;
	border: 0px;
	background: url(../images/site/remove-selected-jobs.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

.remove-selected-jobs:hover {
	background-position: 0 -34px  !important;
}

.apply-for-all-these-jobs {
	width: 208px;
	height: 34px;
	border: 0px;
	background: url(../images/site/apply-for-all-these-jobs.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

.apply-for-all-these-jobs:hover {
	background-position: 0 -34px  !important;
}

#signup {
	width: 188px;
	background: url(../images/site/sign-up-button.png) no-repeat 0 0;
}

#signup_now {
	width: 114px;
	background: url(../images/site/sign-up-now.png) no-repeat 0 0;
}

#search_vacancies {
	width: 144px;
	background: url(../images/site/search-vacancies.png) no-repeat 0 0;
}

#login_button {
	width: 75px;
	height: 26px;
	background: url(../images/site/login-button.png) no-repeat 0 0;
}

#login_button:hover {
	background-position: 0 -26px  !important;
}

.apply_for_job {
	width: 144px;
	background: url(../images/site/apply-for-this-job.png) no-repeat 0 0;
}

#sign_up {
	position: absolute;
	top: 240px;
	left: 485px;
}

#show_all {
	width: 92px;
	height: 34px;
	border: 0px;
	background: url(../images/site/all-vacancies.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

#show_all:hover {
	background-position: 0 -34px  !important;
}

#show_all_temp {
	width: 155px;
	height: 34px;
	border: 0px;
	background: url(../images/site/show-all-temp.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

#show_all_temp:hover {
	background-position: 0 -34px  !important;
}

#show_all_perm {
	width: 157px;
	height: 34px;
	border: 0px;
	background: url(../images/site/show-all-perm.png) no-repeat 0 0;
	margin: 5px;
	display: block;
}

#show_all_perm:hover {
	background-position: 0 -34px  !important;
}

#show_latest_temp {
	width: 148px;
	height: 34px;
	background: url(../images/site/latest-temp-jobs.png) no-repeat bottom left;
	margin: 10px 1px 0 20px;
	display: block;
}

#show_latest_temp:hover {
	background-position: 0 -34px  !important;
}

#show_latest_perm {
	width: 150px;
	height: 34px;
	background: url(../images/site/latest-perm-jobs.png) no-repeat 0 0;
	display: block;
	margin: 10px 0 0 0;
}

#show_latest_perm:hover {
	background-position: 0 -34px  !important;
}

/* search form */

.form_label {
	padding: 4px 5px 5px 0;
}

.form_data {
	padding: 4px 5px 5px 0;
}

.field_input {
	width: 215px;
	border:0;
	background: url(../images/site/field-input.png) no-repeat top left;
	padding: 3px 3px 6px 3px;
}

#right_col .field_input {
	width: 110px;
	background: url(../images/site/field-input-short.png) no-repeat top left;
}

.field_input_popup {
	width: 159px;
	border:0;
	background-color: transparent;
	background-image: url(../images/site/field-input-popup.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	padding: 3px 3px 6px 3px;
}

.field_input_date {
	width: 192px;
	border:0;
	background: url(../images/site/field-input-date.png) no-repeat top left;
	padding: 3px 3px 6px 3px;
}

#right_col .field_input_date {
	width: 90px;
	background: url(../images/site/field-input-date-short.png) no-repeat top left;
}



/* form styles */


.user_form .row_0 {
	background-color: #fefefe;
}

.user_form .row_1 {
	background-color: #fcfcfc;
}

.user_form .row_section {
	background-color: #fff;
}

.user_form .row_section td {
	border: 0 !important;
	padding-top: 30px;
}

.user_form .cell {
	border-top: 1px #f3f3f3 solid;
	padding: 3px 0px 3px 0px;
}

.user_form .cell_left {
	border-left: 1px #f3f3f3 solid;
	border-top: 1px #f3f3f3 solid;
	padding: 3px 15px 3px 0px;
	padding-left: 10px;
}

.user_form .cell_right {
	border-top: 1px #f3f3f3 solid;
	border-right: 1px #f3f3f3 solid;
	padding: 3px 0px 3px 0px;
	padding-right: 10px;
}


.user_form .cell_span {
	border: 1px #f3f3f3 solid;
	border-bottom: 0;
	padding: 3px 10px 3px 10px;
}

.user_form .error {
	display: block;
	color: #c00;
	font-weight: bold;
}

.user_form .input_box {
	width: 300px;
}

.user_form .input_box_200 {
	width: 300px;
}

.user_form .input_box_small {
	width: 80px;
}

.user_form form {
	margin: 0px;
}

.user_form select {
	width: 300px;
}

.user_form .textarea {
	width: 300px;
	height: 200px;
}

.user_form .textarea_small {
	width: 300px;
	height: 50px;
	font-family: verdana;
	font-size: small;
}

.user_form .section {
	border-bottom: 1px #f3f3f3 solid;
}	

.user_form h3 {
	padding: 20px 0 0 0;
}

.user_form .select_box_200 {
	width: 300px;
}

/* home page carousel */

#home_carousel {
	padding: 20px 0 10px 0;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 655px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  655px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:  270px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 15px;
   margin-right: 15px;
   background: url(../images/site/home-testimonial-box.png) top left no-repeat;
   padding: 15px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 121px;
    cursor: pointer;
    background: transparent url(../images/site/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0;
    right: auto;
    background-image: url(../images/site/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 121px;
    cursor: pointer;
    background: transparent url(../images/site/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0;
    background-image: url(../images/site/next-horizontal.png);
}

#mycarousel img {
	padding: 0 !important;
	margin: 0 !important;
}