/***********************************/
/*  SAN DIEGO Work Portal   
	All Right Reserved             */
/***********************************/

/*----------------------
	 Body-Definition 
----------------------*/
body {
		margin: 0;
		font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
		color:#0d0d0d;
		font-size:12px;
		font-weight:normal;}

h1 {
		font: normal 34px Times New Roman;
		margin:0; 
		text-align:center;
		width:190px;
		line-height:30px;
		color:#0d0d0d;
		padding:0; 
		float:left;}
	
h1 a:link {text-decoration:none;color: #0d0d0d; }
h1 a:visited {text-decoration:none;color: #0d0d0d;}
h1 a:hover {text-decoration:none;color: #0d0d0d;}	

h2 {
		padding:3px 0 3px 10px;
		margin:0 0 8px 0;
		letter-spacing :1px;
		background:#fff url(/images/h2Bg.jpg) left bottom repeat-x;
		font: normal 17px Times New Roman;
		border-bottom:2px solid #000;
		border-top:1px solid #ccc;}
    
h2 span{
		background:url(/images/headerTitle.gif) left center no-repeat;
		padding-left:15px;} 
 
.headerImg{
		background:url(/images/headerTitle.gif) left center no-repeat;
		padding-left:15px;
		color:#eab005;
		font-weight:bold;}  
 
h3 	{
		font: normal 16px Times New Roman;
		color:#5b4403;
		padding:0;
		margin:0;}
 	
h4 	{
		font: normal 12px Times New Roman;
		color:#5b4403;
		float:left;	
		background:#fff url(/images/h2Bg.jpg) left bottom repeat-x;
		padding:3px 10px;
		margin:10px 0 5px 0;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
		letter-spacing:1px;
		width:550px;}	 
    
h5 {
		 font: normal 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
		 line-height:18px;
		 margin:0 0 10px 0;
		 padding:5px;}       

/* Links */
a:link {text-decoration:underline;color: #0d0d0d; }
a:visited {text-decoration:underline;color: #0d0d0d;}
a:active {text-decoration:underline;color: #0d0d0d;}
a:hover {text-decoration:none;color: #0d0d0d;}

table {
		border-collapse: collapse;
		border-spacing:0;}
			
img {
		border-style: none;
		margin:0;
		padding:0;
		vertical-align:middle;}		
               
.clear {
		clear:both;
		padding:10px 0;}              
               
.font9  {
		font-size:11px;
		color: #4f6b72;
		clear:left;
		padding:5px 0;}
    
.font10  {
		font-size:10px;
		color: #0d0d0d;}  
    
.Infodisplay{clear:left;}      

/* Link */	
.defLink  {
		width:120px;
		float:right;
		margin:0;
		text-align:center;
		padding:5px 10px;
  		background:#fcf3d4 url(/images/defLink.gif) left center no-repeat;}

#Frame{
		width:800px;
		margin: 7px auto 7px auto;
		padding:0;
		position:relative;}

#MasterContent{
		width:800px;
		margin:5px 0;
		padding:0;
		float:left;
		background:#fff url(/images/Bg.gif) left top repeat-y;}
		
		
/******************************/
/*	Header  */
/******************************/ 
#Header{
		width:800px;
		padding:0;
		margin:0;
		background-color:#fff;}
	
/* City Name */
.city {
		color:#f1ae08;
		font-weight:bold;}

/* Logo */
#Logo {
		float:left;
		padding-bottom:5px;
		background-color:#fff;}
#Logo h1
{
	width:300px;
	text-align:center;
}
/* Ad Banner in Header*/		
.Adbanner { float:right;
             margin:5px 2px 0 0;}		
	
/*-----------------
	Navigation
-----------------*/
#Navi {
		float:left;
		margin:0;
		padding:0;
		height:33px;
		width:800px;
		background:#fff url(/images/footerBg.gif) left top no-repeat;}
	
#Navi a, #Footer a {color:#fff;}	
#Navi a:link {text-decoration:none; }
#Navi a:visited {text-decoration:none;}
#Navi a:hover {text-decoration:underline;}

/* Home */
#Navi .home a {
		background:url(/images/icons/home.gif) center top no-repeat;
		display:block;
		margin:0 30px 0 50px;
		height:14px;
		width:12px;
		text-indent: -9999px;}

#Navi .home a:hover {
		background:url(/images/icons/home_over.gif) center top no-repeat;
		display:block;
		height:14px;
		width:12px;
		margin:0 30px 0 50px;}

/*-----------------
  Footer
-----------------*/
#Footer ul {
		margin:0;
		padding-left:100px;
		width:800px;
		height:33px;
		clear:both;	
		background:#fff url(/images/footerBg.gif) left top no-repeat;}
	
#Footer li {
		margin-top: 10px;
		padding:0 20px 0 25px;
		font-size:11px;
		float:left;
		color:#fff;
		border-right:1px solid #fff;
		list-style-type:none;}	
	
.copyright {
		padding:15px 0 10px 0;
		font-size:11px;}	

/******************************/
/*	Rt Column : Main Content  */
/******************************/ 
#RtCol{
		margin:0 3px 0 0;
		padding:0;
		width:570px;
		float:right;}

/* Partner Registration */
#ImgData{
		margin:10px 0;
		padding:0;
		height:255px;
		background:#fff url(/images/partnerBg.jpg) left top no-repeat;}
		
#ImgData p, #ImgIndustry p{
		margin:0;
		padding:10px 5px 0 10px;
		width:285px;
		line-height:17px;}			
	
/* Partner Registration */
#ImgIndustry{
		margin:10px 0;
		padding:0;
		height:170px;
		background:#fff url(/images/IndustryBg.jpg) left top no-repeat;}	
	
 #ImgIndustry p{
		margin:0;
		padding:10px 5px 0 10px;
		width:320px;
		line-height:17px;}	
		
/*-----------------
	BreadCrumb
-----------------*/
.breadcrumbRoot,
.breadcrumbNode{
		background:url(/images/icons/breadcrumb.gif) right center no-repeat;
		padding-right:10px;
		font-size:11px;
		height:50px;}

.breadcrumbCurrent{
		font-size: 90%;
		font-weight:bold;}
			
/******************************/
/*			Lf Column         */
/******************************/ 
#LfCol   {
		margin:0;
		padding:0 5px 0 0;
		width:190px;
		display:inline;
		float:left;}

/*-------------------
  Industry Dropdown
--------------------*/
#LfIndustry {
		float:left;
		margin:10px 0;}
	
#LfIndustry p{
		margin:15px 0;}

/*-----------
	 Help
------------*/
#LfHelp {
		padding:0;
		margin:0 0 10px 0;
		float:left;}

#LfHelp ul   {
		padding:0;
		margin:0;}

#LfHelp li   {
		list-style-type:none;
		border-bottom:1px solid #ccc;
		padding:3px 0 8px 30px;
		white-space:nowrap;}

/* FAQ Graphic */	
.faqImg	{
		background:#fff url(/images/icons/faq.gif) left top no-repeat;
		display:block;
		margin-top:5px;}

/* Contact Graphic */	
.contactImg	{
		background:#fff url(/images/icons/contact.gif) left top no-repeat;
		display:block;
		margin-top:2px;}

/* Contact Graphic */	
.sitemapImg	{
		background:#fff url(/images/icons/sitemap.gif) left top no-repeat;
		display:block;
		margin-top:2px;}

/*-------------
	Survey
--------------*/
#LfSurvey  {
		clear:left;
		border-bottom:10px solid #1c1c1c;
		height:115px;
		margin:5px 0;
		background:#fff url(/images/LfsurveyBg.gif) left bottom no-repeat;}

#LfSurvey p  {
		margin:5px 0 0 0;
		padding:0;
		line-height:18px;
		width:160px;}

#LfSurvey a {
		color:#f07508;
		font-weight:bold;
		padding:0 0 0 15px;
		background:#fff url(/images/arrowLink.gif) left center no-repeat;}
    
/******************************/
/*	   Login / Logout         */
/******************************/ 
#LfLogin, .LfLoginBK {
		float:left;
		background:#fff url(/Images/Lflogin.gif) left top no-repeat;
		height:105px;
		border-top:5px solid #fff;}
	
.LfLogin, .LfLogout {	
		height:50px;
		width:200px;
		display:block;}
	
.LfLogin span, .LfLogout span  {display:none;}	

/* Logout */
#LfLogout, .LfLogoutBK{
		float: left;
		background: #fff url(/Images/Lflogout.gif) no-repeat left top;
		height:105px;
		border-top:10px solid #fff;}

/* Register */
.LfRegister {
		 padding:4px 0 0 15px;
		 text-align:center;
		 font-weight:bold;
		 }	
 		
 /* Register */
#tblRegister {
		border:1px solid red;
		float:left;}
		
/******************************/
/*	Global Search             */
/******************************/  
#Search {
		float:right;
		margin:0 0 15px 0;
		padding:0;}

.searchTable{border: solid 1px gray; width:185px;  padding:0; margin:10px 0 0 0;}

.searchTable img{margin: 0 0 3px 2px;}

.searchText{
		 border-width: 0px;
		 width:80px;
		 padding: 0px;}

.searchBtn{
		background-color:Orange;
		color: White;
		padding: 0px 3px;
		margin: 0;
		width:28px;
		font-weight: bold;
		font-size:11px;
		text-transform:uppercase;}
						

/******************************/
/*			 Home             */
/******************************/  	

/* Top Banner */
#HeadImg {
		float:left;
		margin:0;
		padding:5px 0 1px 0;}

#IndexData {
		width:570px;
		float:left;
		display:inline;
		margin:10px 0;
		background:url(/images/IndexDataBg.gif) left bottom no-repeat;}

/* LMI Statistics */
#Data {
		width:320px;
		float:left;
		background-color:#fcf3d4;}
		
/* Title Statistics */	
.StaTitle{
		background: url(/images/statisticsTitle.gif) left top no-repeat;
		padding:2px 0 0 15px;
		height:23px;
		margin:5px 0 0 10px;
		width:285px;}

/* Title Statistics */	
.StaHead{
		background: url(/images/icons/siteHead.gif) left top no-repeat;
		padding:0 0 0 25px;
		margin:20px 0 0 0;}

.StaHead02{
		background: url(/images/icons/siteHead02.gif) left top no-repeat;
		padding:0 0 4px 25px;
		margin:20px 0 0 10px;	
		float:left;}

.StaRangking {
		margin:0 0 0 10px;
		float:left;}

/* Industry Statistics Overview*/
#StaBox {
		padding: 0;
		margin:0 0 0 10px;
		float: left;
		width:295px;}

#StaBox td{
		padding: 5px;
		border-bottom:1px dotted #878787;}

#Data p, #IndustryDesc p {
		margin:0;
		padding:5px 10px 5px 10px;
		line-height:18px;}	

/*-----------------
	RSS News
-----------------*/	
#News {
		width:240px;
		float:right;
		margin:0;
		background-color:#fcf3d4;
		display:block;}
	
#NewsBox {
		float:left;
		width:90%;
		padding:20px 10px 5px 10px;}	

#NewsBox h3{
		padding-left: 15px;
		margin-bottom:15px;}	
			
#News a{
		text-decoration:underline;
		font-size:11px;}	
	
/* Title News */	
.newsTitle{
		background:#fcf3d4 url(/images/newsTitle.gif) left top no-repeat;
		padding:3px 0 0 5px;
		height:28px;
		margin:10px 0 0 0;
		width:210px;}
	
.newsTitle2{
		background:#fcf3d4 center top no-repeat;
		padding:0 0 0 5px;
		height:28px;
		margin:10px 0 0 0;
		width:210px;}
	
.newsLink  {
		margin:0 0 10px 0;
		float:right;
		padding:0 0 0 15px;
		font-size:10px;
		color:#ef2828;
		background:url(/images/arrowNews.gif) left center no-repeat;}	
		
/*-----------------
	Publication
-----------------*/		
#PublicationBox {
		float:left;
		background-color:#fcf3d4;
		padding:0 10px 5px 10px;
		margin-top:10px;
		width:220px;}	
	
.publicationTitle{
		background:#fcf3d4 url(/images/publicationTitle.gif) left top no repeat;
		padding:0 0 0 3px;
		height:28px;
		margin:10px 0 0 0;
		width:210px;
		float:left;}	
	
#Publication, #Publication ul,#CareerLadder, #CareerLadder ul,  #Wage ul{
		margin:0;
		padding:0;
		float:left;}

#Publication li{
		padding:5px 5px 5px 20px;
		list-style-type:none;
		margin:0;
		background:url(/images/arrowOccu.gif) center left no-repeat;}	

/*-----------------
	Wage Chart
-----------------*/		
#ChartBox {float:left;}	
    
.chart {
		float:left;
		width:300px;
		margin:5px 5px 0 8px;
		display:inline;
		border-bottom:2px solid #4c4c4c;}
    
.chart th{ 
		 font: normal 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
		 text-align:left;width:150px;
		 padding:2px 5px 7px 3px;
		 border-right:1px solid #4c4c4c;}  
  
.chart td{
		 	
		 font: normal 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
		 border-bottom:1px dotted #9c9898;
		 text-align:right;} 
  
.health	{
		background:url(/images/chartBg.gif) top left repeat-x;
		width:90px;
        color:White;
        float:left;
        padding-right:5px;}  
        
.software{
       	background:url(/images/chartBg.gif) top left repeat-x;
		width:155px;
		color:White;
        float:left;
        padding-right:5px;}   
        
.computer{
       	background:url(/images/chartBg.gif) top left repeat-x;
		width:120px;
        color:White;
        float:left;
        padding-right:5px;}
        
.biomed{
       	background:url(/images/chartBg.gif) top left repeat-x;
		width:80px;
        color:White;
        float:left;
        padding-right:5px;}  

.communications{
       	background:url(/images/chartBg.gif) top left repeat-x;
		width:60px;
        color:White;
        float:left;
        padding-right:5px;}  

 #Wage {
		margin:0;
		padding:0;
		float:right;}
	
 #Wage li{
		padding:3px 16px 0 0 ;
		font-size:10px;
		list-style-type:none;
		float:left;
		margin:0;}    



/*-----------------
 Search All Water Mark
-----------------*/
.searchallwatermarked{
	color: Gray;
	border-width: 0px;
	padding: 0px;
	}

.detailSearchText {
	border: solid 1px #A4B97F;
	}
.watermarked{
	color: #A4897F;
	border: solid 1px #A4B97F;
	}
	
/******************************/
/*		My Profile            */
/******************************/ 	

/*-----------------
collapisblePanel
-----------------*/
/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	/*width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold; */
	border:1px solid #f6cd4a;
    color: Black;
    background-color: #fef6db;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: bold;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
}

.collapsePanelHeader a {color:#FFF;}
.collapsePanelHeader a:hover {text-decoration:none;background:none;}
/*-----------------
 Accordion
-----------------*/
.accordionHeader{
	border:1px solid #f6cd4a;
    color: Black;
    background-color: #fef6db;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: bold;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
	}

.accordionHeader a,accordionLink{
	color: Black;
	background: none;
	text-decoration: none;
	}

.accordionHeader a:hover{
	background: none;
	text-decoration: underline;
	}

.accordionHeaderSelected{
    border:1px solid #808080;
    color: white;
	background:url(/images/loginBg.gif) top left repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: bold;
    padding: 5px 10px;
    margin-top: 5px;
    cursor: pointer;
	}

.accordionHeaderSelected a{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	}

.accordionHeaderSelected a:hover{
	background: none;
	text-decoration: underline;
	}

.accordionContent-noborder{
    background-color: #fcfaf1;
    border: 0px dotted #808080;
    border-top: none;
    padding: 0px;
	}
.accordionContent{
    background-color: #fcfaf1;
    border: 1px dotted #808080;
    border-top: none;
    padding: 0px;
	}

/*-----------------
 Reset password
-----------------*/	
.myprofile{
	border-collapse: collapse;
	color: #000;
	width:500px;
	margin:10px 10px;
	padding: 0 10px 20px 10px;
	display:inline;
	float: left;
	}
	
.myprofile th{text-align:right; padding:5px; font-weight:normal;}		
.myprofile td{padding:5px;}			

.StepTitlePanel{
	text-align:center;
	background: #fed8b3 url(/images/loginBg.gif) left bottom repeat-x;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	margin:10px 0;
	font:14px;
	border:1px solid #808080;
	}
	
#ek_resetpassword {
	width:250px;
	margin:0 0 0 100px;
	}

	
/*-----------------
 DropDown Menu
-----------------*/
#p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
    float:left;
	z-index:300;
	}

#p7menubar {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#p7menubar a {
	display: block;
	text-decoration: none;
	font:12px;
	padding: 8px 0 5px 17px;
	}

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

#p7menubar li:hover {
	color: #000;
	background:#fff url(/images/menuInd_over.gif) left bottom no-repeat;
	}

#p7menubar li {
	float: left;
	position: relative;
	}

/* hide from IE mac 
#p7menubar li {position: static; width: auto;}*/

/* DropDown Menu*/
#p7menubar li ul, #p7menubar ul li  {
	width:200px; 
	margin-left:-25px;
	}

#p7menubar ul li a  {
	color: #565656;
	padding: 5px 0px 5px  15px;
	background-color:#f8d569;
	}
	
#p7menubar li ul {
	position: absolute;
	display: none;
	}

#p7menubar li:hover ul{
	display: block;
	color: #000000;
	}

#p7menubar li:hover a, 
#p7menubar a:focus,
#p7menubar a:active {color: #000000;}

#p7menubar li:hover ul a{
	color: #000000;
	background-color: transparent;
	}

/* DropDown Top*/ 
.dropTop a{
	background:#f8d569 url(/images/dropTop.gif) left top repeat-y;
	border-bottom:1px dotted #444444;
	}
.dropTop a:hover {text-decoration:underline;}

/* DropDown Middle*/ 
.dropMid a,.dropMid a:hover{
	border-bottom:1px dotted #444444;
	background:url(/images/dropBg.gif) left top repeat-y;
	}

/* DropDown Bottom*/
.dropBottom a{
	background:#f8d569 url(/images/dropBottom.gif) left bottom no-repeat;
	}

/*----------
	 Print 
------------*/
.print{
	float:right;
	font-size:10px;
	margin:0 3px;
	padding:0;
	display:inline;
	}

.edit{
	float:right;
	font-size:10px;
	margin:0 3px;
	padding:0;
	background:#f8d569 url(/images/icons/edit.gif) left bottom no-repeat;
	display:inline;
	}	
	

/*----------------
	Error Page 
-----------------*/
.errorPage{
	font-size:14px;
	}