/* ||||||||||| - includes / CSS / jobs - |||||||||||| */

#JobContent 
{
    background-color: White;
     width:620px;
     margin:20px;
     color:#333;
     font:normal .8em arial;
     color:#333;
}

/* work this out JF
#jobsPage {
  
}
*/

ul#jobCats {
   font-size: 11px;
   list-style-type: none;
   margin:20px -40px;
   display:block;
   width:450px;
}
h1 {
 font:bold 2.2em helvetica, arial;
}

h1 a{
   text-decoration:none;
   color:#333;
}

h1 a:hover{
   text-decoration:underline;
}

h1 .catHead {
   font:bold .7em arial;
   color:#999;
   margin-left:10px;
}

ul#jobCats {
width:600px;
   padding:0px;
   margin:0px;
   position:relative;
}

ul#jobCats a{
   text-decoration:none;
   color:#333;
}

ul#jobCats a:hover{
   text-decoration:underline;
   color:#000;
}

ul#jobCats li h4{
   font:bold 14px/14px Helvetica;
   color:#000;
   display:inline;
}

ul#jobCats {
  float: left;
  width: 580px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
ul#jobCats li {
  float: left;
  width: 250px;
  margin:0px 20px 10px 20px;
  padding: 0;
}

ul#jobCats li.oddJob {
   margin:0px 30px 20px 0px;
   clear:left; /*  work in FF */
}
ul#jobCats li.evenJob {
    margin:0px 20px 10px 20px;
    display:block;
}
.JobCatTitle 
{
    font-family:Arial;
    font-size: 14px;
    font-weight:bold;
}

.JobCatDesc
{
    font-family:Arial;
    font-size: 11px;   
}

/*|||||||||||||||||||||||||- JOB CATEGORY PAGES - ||||||||||||||||||||||||*/
#JobContent #midNav a {
	padding:0px 15px;
        width:auto;
}

div#tabBin {
}

div.opener {
   width:300px;
   /*height:200px;*/
   margin:0px 0px 0px 0px;
   float:left;
}
div.opener p{

   width:280px;
}

div.opener h3{
   font:bold 13px/13px helvetica, arial;  
   margin: 0px 0px 10px 10px;
   text-indent: 0em;
}


/* ///////////// start Want ADS ///////////// */

div.scroll {
	height: 335px;
	width: 305px;
	overflow: auto;
	/*border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;*/
}

div.wantAds {
   
   padding-left:0px;  
   /*margin:0px 0px 20px 0px;*/
   margin:0px;  
   width:275px;
   min-height:200px;
   background-color:#eee;
   border:solid 1px #ccc;
}

div.wantAds a{

   text-decoration:none;
   color:#333;
}

div.wantAds a:hover{
   text-decoration:underline;
}

div.wantAds h4{
   margin:8px;
}
div.wantAds ul {  
   /*border:1px solid red; debug*/
   margin:0px;
   padding:0px;
   display:inline;
}

div.wantAds ul li{
/*border:1px solid green; debug*/
width:265px;     
margin:0px 8px 8px 10px !important;
   margin:0px 8px 8px 0px;   
   font:normal .9em arial;
   list-style-type: none;
   list-style-position:outside;
}

/* ///////////// End Want ADS ///////////// */

div.jobTab {
margin-top:250px;
}

div.jobDetail{
  /* margin-left:0px;   */
   padding: 15px 0px 0px 0px; 
   clear:both;
   /*border-top:solid 1px #ccc;*/
   width:600px;
/* display:inline;  fix ie 6 */
}

div.jobDetail h3{
margin-top:0px;
margin-bottom:10px;
   background-color:#FFF;
}
div.jobDetail ul{
   font:normal 1.1em/1.35em helvetica, arial;
   width:300px;
   margin:0px;
   padding:0px;
   display:inline;   
}
div.jobDetail ul.colOne{

/*border: solid 1px green; debug*/
margin:0px 0px 0px 20px; 
/**margin:0px 0px 0px 40px; */
float:left;
}

div.jobDetail ul.colTwo {
   width:250px;
   margin:10px 0px 0px 0px !important;
   margin:0px 0px 0px 0px;
   clear:right;
   /*border: solid 1px green; debug */
   /*position:absolute*/
}

div.jobDetail ul.colOne li {
list-style-type: square;
list-style-position: inside;
}
/*div.jobDetail ul.colOne li{

width:250px;
}

div.jobDetail ul.colTwo li{
border: 1px solid red;
width:250px;
}*/

div.jobDetail p {
   margin:25px 0px;
   font:normal 1.1em/1.35em helvetica, arial;
   /*clear:both;*/
}
/* ------ //////// profile styles \\\\\\\\\\ ------ */

div.profile {
/*border:solid 1px blue;*/
   padding:10px 0px 30px;
   /*height:180px;*/
   width:600px;
   clear:both;
   border-top:solid 1px #ccc;
}

div.profile_info, div.profile_info2 {
/*border:solid 1px green;*/
margin-left:0px;
position: relative;
width:580px;
height:160px;
clear:both;
  
}

div.profile_info ul li, div.profile_info2 ul li  {
width:400px;
list-style:none outside; 
font:normal .9em helvetica, arial;
text-indent:0px;
margin-left:0px;
padding-left:0px;
}

div.profile_info ul {
position:absolute;
top:40px;
left:120px;
}

div.profile_info2 ul {
position:absolute;
top:50px;
left:120px;
}

div.profile_info h3, div.profile_info2 h3 {
position:absolute;
top:10px;
left:120px;
margin:0px;
font: bold 18px/20px  helvetica, arial;
text-indent:0px;
color:#000;
}



.profile p {
/*border:solid 1px red; debug*/
text-align:justify;
/*padding: 0px 5px 0px 10px;*/
width:auto;
/*display:inline;
width:580px;*/
}

.profile img {
/*border:solid 1px red;*/
float:left;
margin:0px 10px 0px 0px;
/*display:inline;*/
}

.profile ul li strong {
/*border:solid 1px red;*/
color:#000;
}



/* ------------ /////Debug//// ----------- */


/*div.profile ul li {
font:normal .9em helvetica, arial;
list-style-type:none;

margin: 10px 0px 6px 10px ;
width:400px;

}*/

/*div.profile ul {
margin: 0px;
display:inline;

}*/


/*div.profile p img.wide {
   margin:0px 10px 0px 0px;
   float:left;
}
div.profile p img.tall {
   margin:0px 10px 10px 15px;
   float:right;  
}*/

/* ------------ /////Debug//// ----------- */






/* ------ //////// end profile styles \\\\\\\\\\ ------ */

img.tall {
float:left;
}

img.wide {
float:right;
margin-left: 10px;
}


/*div.jobDetail .colOneTab p img.tall {
   margin:0px 10px 0px 0px;
   float:left;
}
div.jobDetail .colOneTab p img.wide {
   margin:0px 10px 10px 15px;
   float:right;  
}
div.jobDetail .colTwoTab p img.tall {
   margin:0px 0px 10px 10px;
   float:right;
}
div.jobDetail .colTwoTab p img.wide {
   margin:0px 15px 10px 0px;
   float:left;
}*/

/*div.jobDetail ul.colTwo{
   margin:0px 0px 0px 280px;
}*/
.clear {
display:block;
clear:both;
}
/*|||||||||||||||| - BENEFITS -||||||||||||||||||||*/
/*
div#jobsPage ul.jobBenefits li {
width:450px;
margin:0px 0px 10px 25px;
vertical-align: top;
list-style-position:outside;
}
*/

ul.jobBenefits li {
width:450px;
/*margin:0px 0px 10px 25px;

vertical-align: middle;*/
list-style-position:outside;
}

/*|||||||||||||||| - ALL JOBS -||||||||||||||||||||*/


div.locJobs {
background-color:#f7f7f7;
padding:10px 0px;
margin:10px 20px;
width:440px;
border:solid 1px #ccc;
}


div.locJobs h4{
font:bold 1em helvetica;
margin:10px 0px 5px 20px;
}


div.locJobs ul{
font:normal 1em/1.5em helvetica;
margin:10px 0px 0px -0px;
}

div.locJobs ul li{
text-indent:.5em;
margin:0px 0px 5px 0px;
list-style:none outside;
}

div.locJobs ul li a:link,
div.locJobs ul li a:visited {
color:#666;
display:block;
width:100%;
text-decoration:underline;
text-decoration:none;
}

div.locJobs ul li a:hover,
div.locJobs ul li a:active {
color:#000;
background-color:#b7b7b7;
text-decoration:none;
}


/*||||||||||||||| - Job Ad Page - ||||||||||||||*/


div#crs_jobprofile {
width:570px;
}

div#crs_jobprofile h1 a{
   color:#999;
}

h1 span.jobTitleHead {
margin-left:10px;
font:bold .6em Helvetica, Arial;
color:#333;
}

h4.jobStat {
font:normal 1em Helvetica, Arial;
color:#999;
border:solid 1px #ccc;
padding:7px;
border-width:1px 0px;
}

div#crs_jobprofile input, 
div#crs_jobprofile input.willWork {
display:block;
margin:10px 0px;
border:solid 1px #ccc;
}

div#crs_jobprofile a.willWork
{
margin: 10px 0px;
border: solid 1px #ccc;
padding: 2px 22px;
background-color:  #EBE6D8;
font:normal 1.05em Helvetica, Arial;
}

div.applybtn
{
	margin-bottom: 15px;
}

/* debug-in */

div.jobDetail div.colOneTab , div.jobDetail div.colTwoTab  {
 display:inline;
margin-left:5px;
}

/* debug-in */

.fpo {
font:bold 14px courier;
background-color: #99FFFF;
color:#00CCCC;
}