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

/******************************/
/*  Industries                */
/******************************/
/* Description & Statistics Overview  */
#IndustryBox {
	width:570px;
	float:left;
	display:inline;
	margin:20px 0;
	}
	
#IndustryDesc {
	width:340px;
	float:left;
	}	
			
/* Quick Links */	
#QuickLink{
	width:220px;
	float:right;
	margin:0;
	padding:0;
	}

/* Quick Links Title */
.quickTitle{
	background:url(/images/quickTitle.gif) center bottom repeat-x;
	padding:0 5px 8px 0;
	font-size:13px;
	font-weight:bold;
	margin:10px 8px 0 8px;
	}

#Sector ul{
	float:left;
	margin:5px 5px 5px 10px;
	padding:5px;
	width:180px;
	}
	
#Sector li{
	padding:0 5px 5px 20px;
	list-style-type:none;
	margin:0;
	font-size:11px;
	line-height:18px;
	background:url(/images/arrowOccu.gif) top left no-repeat;
	}

#Cluster li {
	padding:0 5px 5px 20px;
	list-style-type:none;
	margin:0;
	background:#fff url(/images/arrowOccu.gif) top left no-repeat;
	}
	
/* Related Information */
#CategoryTop{ 
   margin:0;
   width:220px;
   padding:8px 0 10px 0 ;
   text-align:center;
   font: bold 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
   background:url(/Images/occupationTop.gif) no-repeat top left;
	} 
	
/*-------------------
  Career Ladder link
--------------------*/
#CareerBox {
	float:left;
	width:190px;
	margin-left:15px;
	margin-top:5px;
	display:inline;
	}
	
#CareerLadder li{
	padding:7px 5px 7px 25px;
	list-style-type:none;
	margin:0;
	background:url(/images/icons/pdf.gif) center left no-repeat;
	}	
		
/******************************/
/*  Search                    */
/******************************/	
#SearchBox {
	border:1px dotted #9e9e9e;
	padding:8px;
	margin:0 0 15px 0;
	float:left;
	}
	
/*  Search Table  */	
#IndSearch {
	width:555px;
	float:left;
	margin-bottom:8px;
	background:#fbf6e3 url(/images/searchBg.gif) bottom left repeat-x;
	}
	
#IndSearch th{
	padding:5px 5px 5px 14px;
	text-align:left;
	font-weight:normal;
	background:#fbf6e3 url(/images/icons/searchdot.gif) center left no-repeat;
	}	
	
#IndSearch td{
	padding:5px 5px 5px 15px;
	}	
	
/*  Search Button  */	
.buttonSearch{
    letter-spacing :1px;
    padding:0 15px;
    cursor:pointer;
    margin-left:200px;
    height:24px;
    width:150px;
    border:0;
	background:url(/images/icons/searchButton.gif) center left no-repeat;
	}	
	
/*  Magnifying Glass Graphic  */	
.insearch{
    letter-spacing :1px;
    padding-left:25px;
	background:url(/images/icons/search02.gif) center left no-repeat;
	}		
	
.search_dropdownlist {
	font-size:11px;
	border: solid 1px #A4B97F;
	}
	
.search-dropdownlist option{padding: 9px;}

/*  Search Result  */
#SearchResult{
	float:left;
	height:15px;
	width:470px;
	padding:8px 0 3px  100px;
	margin:0 0 3px 0;
	color:#fff;
	font-size:11px;
	background: url(/images/result.gif) top left no-repeat;
	}
	
#SearchResult b{font-size:14px;}	

/***********************************/
/*  Institution                     */
/***********************************/

/* Institution Infomation */
#OccuName ul {
	padding:10px 5px 10px 0;
	margin:0;
	border-bottom:1px solid #9a9a9a;
	}
	
#OccuName li{
	list-style-type:none;
    margin:2px 0 0 5px;
	padding:0;
	}	
	
/* Institution Contact  */  
.InInfo {
	 float:left;
	 text-align:left; 
	 width:560px;
	 padding:0;
	 display:inline;
	 margin:10px 0 0 5px;
	 }
 
.InInfo th{
    padding:2px 0 5px  15px;
    color:#000;
    margin-left:10px;
    width:115px;
    font-size:11px;
    background: url(/images/icons/searchdot.gif) left center no-repeat;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
             } 
             
.InInfo td {
    padding:2px 0 2px  5px;
    font-size:11px;
    color:#000;
    text-align:left;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
             }        

#InAlt th, #InAlt td{ background-color:#fdf9e1;}	

/***********************************/
/*  Occupations                     */
/***********************************/

#OccuBox{
	float:left;
	width:560px;
	padding:0 0 0 5px;
	margin:10px 0 0 0;
	}

/* Left Info */
#OccuDescrip {
	padding:0;
	margin:0 10px 0 0;
	float:left;
	width:320px;
	}
	
#OccuDescrip p{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	line-height:18px;
	border-bottom:1px dotted #666;
	}	

#OccRequired  {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #666;
	}

#OccRequired li {
	margin:0 0 0 20px;
	padding:0;
	list-style-type:disc;
	}

/* Related Information */
#OccRelTop{ 
	  margin:0;
	  width:220px;
	  padding:8px 0 10px 0 ;
	  text-align:center;
	  font: bold 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	  background:url(/Images/occupationTop.gif) no-repeat top left;
	  } 
	  
/* 	Tooltips */

.tooltips a 
{
	color: Black;
	border-bottom: 1px dashed orange;
	text-decoration: none;

}

.tooltips a:hover 
{
	position: relative;
}

.tooltips a span 
{
	display: none;
}

.tooltips a:hover span 
{
	display: block;	
	/* formatting only styles */
	padding: 5px; margin: 10px; z-index: 100;
	opacity: 1;
	font-family: Tahoma;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;

	/* end formatting */
	
}	  

/*-----------------------
  Instructional Programs
-----------------------*/
#OccInstruct { 
    margin:0;
    float:left;
	width:220px;
	padding: 15px  0 10px 0;
	font: bold 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	text-align:center;
    background:url(/Images/occupationMid.gif) no-repeat top left;
	} 

.OccRel { 
  margin:0;
  width:220px;
  padding:0;
  float:left;
  background-image:url(/Images/occupationBg.gif);
  background-repeat:repeat-y;
	} 

#OccBotm { 
  margin:0;
  padding:0; 
  height:20px;
  width:220px;
  float:left;
  background:url(/Images/occupationBotm.gif) no-repeat top left;
	}

/* Related Information */
.OccTable  {
	margin:5px 8px 0 12px;
	padding:5px 0;
	float:left;
	display:inline;
	} 

.OccTable th, .OccTable td{ 
  margin:0;
  padding:3px;
  text-align:left;
  font-size:11px;
  font-weight:normal;
  border-bottom:1px dotted #000;
  } 

.OccTable th { background-color:#f8faeb;} 

.OccTable td{background-color:#fff;} 

/* Instructional Programs  */
#program ul{
	margin:0;
    padding:0;
    }
    
#program{
	float:left;
	padding:0;
	display:inline;
	margin:0 0 0 20px;
	width:180px;
	}
#program li {
	margin:0;	
	padding:0 0 5px 20px;
	list-style-type:none;
	background:#fff url(/images/arrowYellow.gif) top left no-repeat;
	}
	
/***********************************/
/*  Institution and Programs	   */
/***********************************/

#SearchPgm	{
	background:#fff url(/images/searchBg02.gif) bottom left repeat-x;
	padding:5px;
	margin:15px 0 5px 0;
	float:left;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	}
	
 #SearchPgmBox	{
	width:560px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	}	
	
 #SearchPgmBox li	{
	float:left;
	list-style-type:none;
	margin:0;
	padding:5px;
	}		
#AddPgm	{
	background:#fff url(/images/searchBg02.gif) bottom left repeat-x;
	padding:5px;
	margin:15px 0 5px 0;
	float:left;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	}
	
 #AddPgmBox	{
	width:560px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	}	
	
 #AddPgmBox li	{
	float:left;
	list-style-type:none;
	margin:0;
	padding:5px;
	}