form {
  display: inline;
}
html, body {
  margin: 0;
  padding: 0; 
  
}

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	background: url("../images/bg.gif") top center no-repeat;
	width: 800px;
	margin: 0 auto;
	}

/*
### Layout
*/

div#container {
  padding: 0;
  margin: 0;
  width: 801px;
  
  
  margin: 0 auto; 
  
  
}

.nomargin {
  margin: 0; 
}

div#container div#right_block,div#container div#left_block, div#container div#main_content {
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
  
  font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
  
  
}
div#logo {
   float: left;
}

div#container div#banner {
  float: right; 
  margin: 0;
  
  height: 75px;
  
  padding-top: 15px;
  
}


div#container div#banner a img {
  margin: 0;
  padding: 0; 
  padding-right: 25px;
}

div#container div#top_menu {
  
  float: left;
  padding: 0;
  margin-top: 21px;
  margin-left: -3px;
  width: 700px;
  text-align: left;
  
}

div#container div#top_menu ul {
  margin-top: auto;
  margin-bottom: auto;   
  padding-right: 50px;
  width: 730px;
  
  float: left;
}

div#container div#top_menu ul, div#container div#top_menu ul li {
  display: inline;
  margin: 0;
  padding-left: 10px;
  font-size: 10pt;
  font-family: verdans, arial, helvetica, sans-serif;
  color: #536A6F;
}
div#container div#left_block {
  width: 200px;

}
div#container div#left_block div {
 border-right: 1px dotted #cfcfcf; 
 
}

div#container div#main_content {
  width: 440px; 
  padding: 10px;
  
  
  
}
div#container div#right_block {
  width: 140px;
  
  padding: 0;
  padding-top: 60px;
  position: relative;
  left: 2px;
  margin: 0;
  margin-top: -10px;
  margin-right: -5px;
  
  background: #B3E2EE url(..//images/featured_employers.gif) top no-repeat ;
  
}
* html div#container div#right_block {
  
    left: -1px; /* for IE5 and IE6 in quirks mode */
    l\eft: 1px;
  
}
div#logo {
  float: left;
  background: url("..//images/logo.gif") top no-repeat;
  width: 176px;
  height: 80px;
  margin-top: 10px;
  padding-left: 20px;
  
}


div#logo h1 {
  display: none; 
}


div#main_content div, div#main_content div#menu {
  
}

, div#main_content div div, div#main_content div div table{
  
  margin: 0;
  padding: 0; 
}

div#main_content table tbody td {
  background: #fff; 
}
div#main_content table, div#main_content div table.TableAds {
  width: 420px; 
  
}

div#main_content div table.TableAds td {
  font-size: 75%; 
}

div#left_block div {
    padding:0;
    margin: 0;
    margin-top: 10px;
    
}


div#left_block div#search_for_temp_job,div#left_block div#search_for_perm_job,div#left_block div#search_by_sector {
  float: left; 
  width: 200px;
  
}

div#left_block div#search_for_temp_job h2, div#left_block div#search_for_perm_job h2, div#left_block div#search_by_sector h2 {
  margin: 0;
  
  padding-left: 30px;
  font-size: 10px;
  margin-top: 10px;
  background: url(..//images/smallico.gif) left no-repeat; 
  line-height: 25px;
  vertical-align: middle;
  
  
}

div#left_block div select, div#left_block div#search_for_temp_job span, div#left_block div#search_for_perm_job span, div#left_block div#search_by_sector span {
  width: 120px;
  font-size: 75%;
  float: left; 
  
}
div#footer {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  font-size: 60%;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #999;
}

div#left_block div#jobseeker, div#left_block div#employer, div#left_block div#main_menu {
  cursor: pointer;
  width: 200px;
  font-size: 75%;
  float: left;
}
div#left_block div#search_for_temp_job span, div#left_block div#search_for_perm_job span, div#left_block div#search_by_sector span {
  text-align: right;
  width: 55px; 
  clear: none;
  margin: 0px;
  padding-right: 5px;
}

div#left_block div#search_by_sector {
  margin-bottom: 10px; 
}

div#left_block div#jobseeker h2, div#left_block div#employer h2 {
  display: block;
  background: url(..//images/jobseekers.gif) left no-repeat; 
  line-height: 25px;
  vertical-align: middle;
  width: 199px;
  padding:0;
  margin: 0;
  
  
  
  
}
div#left_block div#employer.cy h2 {
   background: url(..//images/clients_cy.gif) left no-repeat; 
}


div#left_block div#jobseeker.cy h2, div#left_block div#employer h2 {
  display: block;
  background: url(..//images/jobseekers_cy.gif) left no-repeat; 
  line-height: 25px;
  vertical-align: middle;
  width: 199px;
  padding:0;
  margin: 0;
  
  
  
  
}
div#left_block div#employer h2 {
   background: url(..//images/clients.gif) left no-repeat; 
}

div#left_block div#jobseeker h2 span, div#left_block div#employer h2 span {
  display: none; 
}

div#left_block div#jobseeker ul, div#left_block div#employer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 25px;
  
  background-color: #efefef; 
}

div#left_block div#jobseeker ul li, div#left_block div#employer ul li {
  
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc; 
  width: 198px;
  height: 25px;
}
div#left_block div#jobseeker ul li a, div#left_block div#employer ul li a{
  display: block;
  padding-left: 25px;
  text-decoration: none;
  
  color: #333;
}

div#left_block div#jobseeker ul li a:hover, div#left_block div#employer ul li a:hover{
  
  background-color: #E0ECEF; 
  
  
}
div#right_block {
  text-align: center; 
}
div.form-row {
  
  
}
a.button {
  float: right;
   
  width: 75px;
  height: 75px; 
  margin: 10px;
  
  display: block;
  text-decoration: none;
  text-align: center; 
}

a.button img{
  clear: left;
  border: 0;
}


div.form-row div.field-label {
  float: left;
  width: 110px; 
  padding-right: 10px;
  
}
div.form-row div.field-label label {
  width: 110px; 
}
div.form-row div.field-label {
  float: left; 
}

label {
 font-weight: normal; 
}

fieldset label
{
  font-weight: bold;
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
div#container div#main_content form fieldset p label {
  width: 160px; 
  text-align: right;
}

span.redstar {
  
  color: red; 
}

span.form_help {
  font-size: 75%;
  color: red; 
}

div#debug  {
  position: absolute;
  width: auto;
  padding: 20px;
  
  
  margin: 40px;
  border: 1px solid red;
  
  background-color: #FFDFDF;
   
}
div#debug span {
  
  
  
}
.checkset {
  padding-left: 40px;
  
}

p.checksetcols span {
  
  width: 200px; 
}
p.checksetcols span.left {
  float: left;
  padding-left: 10px;
}
p.checksetcols span.right {
  float: right;
}

* html fieldset {
  padding-bottom: 20px; 

}

fieldset p.left {
  clear: left;
  padding-left: 10px; 
  margin-bottom: 0;
  padding-bottom: 0;
}

p.right {
  float: right; 
}

fieldset#experience p.entrylevel,  fieldset#experience p.label {
  float: left; 
  
  padding-top: 20px;
}
fieldset#experience p.entrylevel {
  float: left;
  padding-right: 10px; 
}
fieldset#experience p.label { 
  padding-right: 10px;
}

 fieldset#experience p.label select{
   float: left ;
 }
 
 fieldset#experience p.entrylevel select {
   float: left; 
 }
 
 fieldset#experience p.label label {
    display: inline;
    width: 160px;; 
 }

div#experience div.field-widget {
  float: right;
   
}
div#experience div.field-label label, div#experience div.field-label {
  width:  auto; 
  
  
} 
 
div.checksetcols {
  width: 400px; 
} 
div.checksetcols div {
    width: 200px; 
} 
div.checksetcols div.left {
   float: left;
}
div.checksetcols div.right {
   float: left;
}

.smalltext {
  font-size: 75%; 
}

div.validation-advice {
 
}

div.nomargin div.validation-advice {
  padding: 0;
  text-align: left;
  
}
div.nomargin div.validation-advice p {
  margin: 0;
  text-align: left;
  padding: 0; 
}
label {
 padding-bottom: 10px; 
}

div.any div.checksetcols div {
  width: 400px; 
}

.forgot {
  
  
  font-size: 60%; 
  
}

ul#jobseeker_menu {
  visibility: invisible; 
}
div#employee h2 {
  cursor: pointer;
} 

div.tabset {

  display: block;
  margin: 0;
  border: none;
  padding: 0;
  
}

div.tabset div {
  border: none; 
}

div.tabset fieldset {
  margin: 0;
  width 
}

div.tabset div.panel {

  
}

div.tabset legend {
	
}
div.tabset #banner {
	
	height: 80px;
}

div.tabset .panel {

}

div.tabset fieldset {
	padding: 2em;
}

div.tabset .panel.active-tab-body {
	display: block;
}
div.tabset .bar {
	
	
}

div.tabset #tabs {
	
	display: block;
	list-style: disc;
	
}

div.tabset #tabs li {
	
}

div.tabset #tabs a {
	
	
}

div.tabset #tabs a.active-tab {
	
	font-weight: bold;
}

div.tabset div#mainmenu ul, div.tabset div#mainmenu ul#tabs li {
  display: block;
  list-style: disc; 
  clear: all;
  
}

div.tabset div#mainmenu ul#tabs li {
   display: block;
  list-style: disc; 
  clear: all;
  font-size: 70%;
  background-color: #fff;
}

div.tabset div#mainmenu ul#tabs li a {
  background-color: none; 
}

textarea#description {
  width: 250px;
  height: 150px;
   
}
textarea#note, textarea#message {
  width: 200px;
  height: 150px;
   
}
div#top_menu a {
  color: #536A6F;
  text-decoration: none; 
  
}
div#top_menu a:visited {
  color: #536A6F;
}
div#top_menu a:active {
  color: #154E5B;
}
div#top_menu a:hover {
  color: #227D95;
}

div#left_block p.right {
  padding-top: 5px;
  padding-right: 5px; 
  margin: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  
}



input.button_en_GB {
  
  background: transparent url(../images/searchbutton.gif) no-repeat center top;
  height: 25px;
  width: 75px;
    border: 0;
}

input.button_cy {
  
  background: transparent url(../images/searchbutton_cy.gif) no-repeat center top;
  height: 25px;
  width: 75px;
    border: 0;
}



input.apply_button {
  
  background: transparent url(../../../images/applybutton.gif) no-repeat center top;
  height: 25px;
  width: 75px;
    border: 0;
}
input.send_button {
  
  background: transparent url(../../../images/sendbutton.gif) no-repeat center top;
  height: 25px;
  width: 75px;
    border: 0;
}


fieldset#cv_upload div.form-row div.field-label, fieldset#cv_upload div.form-row div.field-widget {
   float: left;
   
   width: auto;
}
fieldset#cv_upload div.form-row div.field-label label {
  text-align: left; 
  width: 100px;
}

fieldset#cv_upload div.form-row div.field-widget input.text {
  width: 250px; 
}


div#existing_cvs {
  
  margin: 0;
  padding: 0;
}
div#existing_cvs h3 {
  margin: 0; 
}
div#existing_cvs ol {
  margin-top: 0; 
}
fieldset#job_applications ol li,fieldset#existing_cvs ol li {
   margin-top: 0;
   font-size: 75%;
   width: 300px;
   
}
div#existing_cvs div.cv_row div.cv_title, div#existing_cvs div.cv_row div.cv_func {
  display: inline;
  float: left;
  
  
}

div.search-row {
   border-bottom: 1px solid #cfcfcf;
   margin-bottom: 10px;
}

.odd {
  background-color: #E0ECEF; 
}

.even {
  background-color: #efefef; 
}

div.search-row div h3 {
  margin: 0; 
  border-bottom: 1px dotted #cfcfcf;
  display: inline;
}
div.search-row div.job-location, div.search-row div.job-type, div.search-row div.job-salary {
  font-size: 75%; 
}

div.search-row div {
  
}

div.search-row:hover {
   background-color: #E0EFE3;
}

div.search-results {
  border: 1px solid #cfcfcf; 
  padding: 10px;
}

div.apply_button {
  border: 0; 
}

span.highlight {
  background-color: #E0EFC2; 
}



.restrained {
  width: 225px; 
}

.line-through {
  text-decoration: line-through; 
}

input.ilink {
  padding: 0;
  margin: 0;
  background: 0;
  border: none;
  display: inline;
  font-size: 90%;
  color: red;
  text-decoration: underline; 
}

div.news_item {
  padding: 0;
  border: 1px solid #B3E2EE;; 
  margin-bottom: 20px;
}

div.news_item h3 {
   margin: 0;
   background: #B3E2EE;
   
   padding: 5px;
}

div.news_item p {
  padding: 5px; 
  margin: 0;
}

div.news_item p p {
  margin: 0; 
}

div.news_item p.date_created {
  margin: 0;
  padding: 5px; 
  background: #efefef;
  border-bottom: 1px solid #cfcfcf;
  font-size: 12px;
  
}





div.search div.field-label  {


  margin: 0;
  padding-right: 10px;  
 
}

div.search div.field-widget  {

  margin: 0;
  
}

div.search div.field-widget input.search_terms {
  width: 60%;
}


a:hover.description {
  cursor: help;
}

.tt_tooltip {
  border: 1px solid #999;
  background: #fff;
  
  
  width: 100%;
  max-width: 400px;
}

.tt_tooltip h3 {
  font-size: 80%;
  margin: 0px; 
  background: #227D95;
  padding: 10px;
  color: white;
  
}

.tt_tooltip p {
  padding: 10px;
  margin:0px;
  background: #efefef;
  
}
div#error_message {
  width: 80%;
  background:#EFE0E2;
  border: 1px solid red;
  clear: both;
  height: auto;
  padding-bottom: 10px;
   
}

div#error_message div#error_logo, div#error_message div#error_messages {
  float: left;
  color: red; 
  height: 100%;
}
div#error_message div#error_logo img {
  padding: 10px; 
}

div#error_message div#error_messages span {
  padding: 10px;
   
}

div#error_message div#error_messages h3 {
  padding-top: 10px; 
  margin: 0;
}

div#error_message div#error_messages p ul {
  display: block; 
  list-style: circle
}
div#error_message div#error_messages p ul li {
  display: block; 
  float: none;
}

.scroller {
  border: 1px solid #cfcfcf;
  
  
}
.scroller div, .scroller layer {
 padding: 5px;  
 font-size: 12px;
}

ul#ul_scroller {
  margin:0; 
  padding:0;
  
  list-style: url(/templates/northwalesjobs/images/16x16/knewstuff.gif) inside;
}

ul#ul_scroller li {
  margin: 0;
  padding: 0;
  padding-left: 2px;
  
}
  

.scroller_li_1 {
background-color: #efefef;
   
}
.scroller_li_2 {
  background-color: #E0ECEF;
}
p.powered_by, p.powered_by a {
  color: #cfcfcf; 
}

span.paid {
  color: green; 
}

span.unpaid {
  color: #FF981F; 
}


div#container div#languages {
    position: absolute;
    
    top: 83px;
  margin-left: 680px ;
  height: 19px;
  width: 100px;
  background: url(../images/langbak.gif) top left no-repeat;
  font-size: 1em;
  }
  
* html div#container div#languages {
margin-left: -120px;   

}
  
div#container div#languages a:link,div#container div#languages a:visited {
  color: #fff;
  text-decoration: none;      
  width: 100px;
  height: 19px;
  text-align: center;
  vertical-align: middle;
  display: block;
  line-height: 19px;
  font-size: 0.8em;
  
}

div#container div#languages a:hover {
   color: #B3E2EE;
  text-decoration: none;      
}