/* 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: 14px;  font-family: Arial, Helvetica, sans-serif; font-size:12px; }

p.js {line-height: 10px;  font-size:10px; }

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

pre.careerfair {line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size:12px; width: 520;}

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.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;   z-index:3;}
div.rechome{ top:350px; left:425px; width:198px; }
div.hotjobs{ top:88px; left:425px; width:198px; }
div.hotjobs1{ top:292px; left:425px; width:198px; z-index:9;}
div.hotjobs2{ top:330px; left:425px; width:355px; }
div.hotjobs3{ top:88px; left:425px; width:198px; z-index:9;}
div.stats2{ top:88px; left:636px; width:143px; z-index:8;}

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

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

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

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

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

div.difference{ width:420px; top:433px; left:0px; 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: 9; }

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

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

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

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

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

div.myjobs2{ top:370px; left:0px; width:623px; }

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

div.myapplications{ top:546px; 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.jobsearch5{ top:88px; left:0px; width:780px; }
div.jobsearch6{ top:78px; left:0px; width:780px; background-color : #003366;}
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:3;}
div.Rectopnavbackg { top:0px; left:0px; width:780px; z-index:1;}
div.Recsubnav{ top:56px; left:221px; width:558px; z-index:4; background-color : #003366; border-left : 1px solid #ffffff; border-top : 1px solid #ffffff;}

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





div.smtopnav { top:2px; left:680px; width:90px; z-index:9;}
/* 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.hlwhite2{ color:#ffffff; font-size:13px; text-decoration : none; font-weight: 900;}

a.hlwhite3{ color:#ffffff; font-size:12px; text-decoration : none; font-weight: 900; font-family: Arial, Helvetica, sans-serif;}

a.hlwhite4{ color:#ffffff; font-size:12px;  font-weight: 900; font-family: Arial, Helvetica, sans-serif;}

a.hlwhite5{ font-family:Verdana,MS Sans Serif,MS Serif,Arial; color:#ffffff; font-size:12px;  font-weight: 900; text-decoration : none;}

a.hlwhite6{ color:#ffffff; font-size:16px; text-decoration : none; font-weight: 900;}

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

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

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

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

a.hlblue4{color:#2B5C9E; font-size:12px; font-weight: 900; }

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

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

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

a.hlblack2{ color:#000000; font-size:10px; }

a.hlblack3{ color:#000000; font-size:11px; }

a.hlblack4{ color:#000000; font-size:16px;font-weight: 900; }

a.hlorange{ color:#FF8000; font-size:20px;font-weight: 900; }


a.topnav { text-decoration : none; color: #ffffff;}
a.topnav:visited  { text-decoration : none; color: #ffffff;}
a.topnav:active  { text-decoration : none;color: #ff9900;}
a.topnav:hover  { text-decoration : none;color : #ff9900;}

a.topnavh { text-decoration : none; color: #ff9900;background-color : #003366;}
a.topnavh:visited  {text-decoration : none; color: #ff9900; background-color : #003366;}
a.topnavh:active  {text-decoration : none; color: #ff9900; background-color : #003366; }
a.topnavh:hover  {text-decoration : none;background-color : #003366;color :#ffffff;}




/* 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.whitecopy{ font-size:10px; color:#ffffff; }

td.blackcopy{ font-size:10px; color:#000000; }

td.whitecopy3{ font-size:12px; color:#FFFFFF; }

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

td.blackcopy6{ font-family:Arial;font-size:9px; color:#000000; }

td.whitecopy4{ font-size:12px; color:#FFFFFF; font-weight: bold; }

td.whitecopy5{ font-family:Verdana,MS Sans Serif,MS Serif,Arial;font-size:13px; color:#FFFFFF; }

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.blacktitle3{ font-size:24px; font-weight: 900; color:#000000; }

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

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: 11.5px; color: #ffffff; }
td.Bottomnavcopy { font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; color: #ffffff; background-color : #6699cc;}
td.subtopnavcopy1 { font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; color: #ffffff; font-weight: 900;}

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

/*--new css--*/

.announcetable {/*background:url(/JSFiles/img/anouncement.gif) top no-repeat; */}
.forminput {background:#ffffcc; }
.buttonlong {border:0; font-size: 12px; font-weight:bold;background:url(/JSFiles/img/buttonlong.gif) center 50%;margin:0px;width:130px;cursor: pointer;color: #fff;height:23px}

a.info, a.info2{
    position:relative;
    z-index:94;
    text-decoration:none;
	padding:3px 3px 3px 1px;
	top:3px;
	border:0;
}
a.info:hover, a.info2:hover{
	z-index:95; 
}

a.info span, a.info2 span{display: none}

a.info:hover span{
    display:block;
	padding:2px;
	margin-left:190px;
    position:absolute;
	text-align:left;
    top:0em; left:1.8em;
	width:170px;
    border:1px solid #003366;
    background-color:#233B77; color:#fff;
	font-size:11px;
	font-weight:normal;
}
a.info2:hover span{
    display:block;
	padding:2px;
	margin-left:130px;
    position:absolute;
	text-align:left;
    top:0em; left:1.8em;
	width:150px;
    border:1px solid #003366;
    background-color:#233B77; color:#fff;
	font-size:11px;
	font-weight:normal;
}