/* This is a global sheet of css attributes to be cascaded for the jobshark site */


body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff;}

p.{line-height: 10px; }

pre.corp {line-height: 15px; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-left: 20px;}

pre.cvtext {line-height: 11px; font-family: Arial, Helvetica, sans-serif; font-size:11px; margin: 20px;}

pre.cvprint {line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin: 20px;}


/*site uses absolute positioning we only have to type this once */

div { position: absolute; }

/*this is to set the location for the divs on the splash page*/


div.jobsharkBanner { top:0px; left:0px; width:780px;}

div.shark1 { top:153px; left:0px; }




div.country {top:314px; left:0px; width:780px; }

div.map{ top:338px; left:424px; }

/*this is to set the location for the divs on the home page*/

div.topnav{ top:0px; left:0px; width:780px; }
div.rechome{ top:350px; left:425px; width:198px; }
div.hotjobs{ top:88px; left:425px; width:198px; }
/* div.hotjobs1{ top:435px; left:425px; width:198px;} */
div.hotjobs1{ top:363px; left:425px; width:198px;z-index:8;}

div.mainpageright{ top:130px; left:425px; width:354px;z-index:4;}
div.mainpagerightbar{ top:88px; left:425px; width:354px;}
div.seekers4{ top:363px; left:425px; width:354px; }

div.seekers3{ top:363px; left:0px; width:411px; }

div.seekers2{ top:118px; left:0px; width:411px; }

div.seekers{ top:88px; left:0px; width:411px; }

div.RecHomButtomNav{ top:660px; left:0px; width:780px; height:20px; }

div.bottombar{ top:570px; left:0px; width:780px; height:20px; }

div.difference{top:433px; left:0px;  width:420px; font-size:10px; z-index:4; }
div.difference4{ top:350px; left:0px; width:411px; font-size:10px; }

div.stats{ top:88px; left:636px; width:143px; z-index:8;}

div.bottomnav{ top:584px; left:0px; width:600px; font-size:10px; color:#ffffff; }
BottomNav2{ left:0px; width:780px; z-index:9;}
/*this is to set the location for the divs on the My Jobshark page*/

div.details1{ top:96px; left:368px; width:60px; font-size:10px; }

div.details2{ top:96px; left:576px; width:60px; font-size:10px; }

div.account{ top:88px; left:0px; width:198px; }

div.profiles{ top:88px; left:213px; width:198px; }

div.tips{ top:88px; left:636px; width:143px; z-index:8; }

div.resume{ top:88px; left:426px; width:197px; }

div.jobs{ top:221px; left:0px; width:780px; z-index:5; }

div.jobs2{ top:221px; left:0px; width:623px; }

div.applications{ top:397px; left:0px; width:623px; z-index:6; }

div.subnav{ top:56px; left:213px; width:567px; }


/*this is to set the location for the divs on the Job Search page*/

div.jobsearch{ top:88px; left:0px; width:780px; z-index:5; }

div.jobsearchCopy{ top:88px; left:0px; width:780px; z-index:5; }

div.companyprofiles{ top:84px; left:0px; width:780px; z-index:5; }

div.Rectopnav { top:37px; left:221px; width:558px; z-index:2;}
div.Rectopnavbackg { top:0px; left:0px; width:780px; z-index:1;}
div.Recsubnav{ top:56px; left:221px; width:558px; z-index:3; background-color : #003366; border-left : 1px solid #ffffff; border-top : 1px solid #ffffff;}

div.JStopnav { top:37px; left:221px; width:558px; z-index:2;}
div.JStopnavbackg { top:0px; left:0px; width:780px; z-index:1;}
div.JSsubnav{ top:56px; left:221px; width:558px; z-index:3; background-color : #003366; border-left : 1px solid #ffffff; border-top : 1px solid #ffffff;}
div.PeBanner { top:9px; left:0px; width:198px; z-index:2;}



/* color for links */

a.hlwhite{ color:#ffffff; font-size:10px; }

a.hlwhite:visited{ color:#ffffff; font-size:10px; }

a.hlwhite:active{ color:#ffffff; font-size:10px; }

a.hlwhitesmall{ color:#ffffff; font-size:9px; }

a.hlwhitesmall:visited{ color:#ffffff; font-size:9px; }

a.hlwhitesmall:active{ color:#ffffff; font-size:9px; }

a.hlblue{ color:#000033; font-size:10px; }

a.hlblue:visited{ color:#000033; font-size:10px; }

a.hlblue:active{ color:#000033; font-size:10px; }

a.hlblack{ color:#000000; font-size:12px; }

a.hlblack:visited{ color:#000033; font-size:12px; }

a.hlblack:active{ color:#000033; font-size:12px; }


A.TopNav { text-decoration : none; color: #ffffff;}
A.TopNav:Visited  { text-decoration : none;}
A.TopNav:Active  {text-decoration : none;}
A.TopNav:Hover  {text-decoration : none; background-color : #081f5b; color : #ff9900;}

A.TopNav_h { text-decoration : none; color: #ff9900; background-color : #081f5b;}
A.TopNav_h:Visited  { text-decoration : none;}
A.TopNav_h:Active  {text-decoration : none;}
A.TopNav_h:Hover  {text-decoration : none; background-color : #081f5b; color :#ffffff;}

.HeadNav {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
.HeadNav:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900}


/* to controll the fonts in tables */

td.diffcopy{ font-size:10px; }

td.statscopy{ font-size:10px; }

td.hotjobscopy{ font-size:10px; }

td.seekerscopy{ font-size:10px; color:#ffffff; }

td.topnavcopy { font-family: Arial, Helvetica, sans-serif; font-size: 12.5px; color: #ffffff; font-weight : bold; }
td.subtopnavcopy { font-family: Arial, Helvetica, sans-serif; font-size: 10.5px; color: #ffffff; }
td.Bottomnavcopy { font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; color: #ffffff; background-color : #6699cc;}

td.whitecopy{ font-size:10px; color:#ffffff; }
td.whitecopysmall{ font-size:9px; color:#ffffff; }

.blackcopy{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-decoration: none; color:#000000;}
td.blackcopysmall{ font-size:9px; color:#000000; }
td.whitecopy3{ font-size:12px; color:#FFFFFF; }

td.blackcopy3{ font-size:12px; color:#000000; }

td.boldblackcopy{ font-size:10px; font-weight: 900; color:#000000; }

td{font-size:10px; font-family: Arial, Helvetica, sans-serif; }

td.blacktitle1{ font-size:30px; font-weight: 900; color:#000000; }

td.blacktitle2{ font-size:14px; color:#000000; }

td.blackcopyQ { font-size:12px; color:#000000; }


input.button.240btn{width:240px; height:25px; }
input.button.180btn{width:180px; height:25px; }
input.button.120btn{width:120px; height:25px; }