/******************************************************************************************
* Start page header section (utah.gov and Department of Workforce Services headers).
*******************************************************************************************/
#pageheader
{
    background : #FFFFFF;
    border     : 0px solid #000000;
    height     : 114px;
    position   : relative;
    z-index    : 50;  
}

#pageheaderleft
{
    background				: url("/common/_site_layouts/current/images/jobs_header_left.jpg") #FFFFFF;
    background-repeat : no-repeat; 
    border            : 0px solid #000000;
    position          : absolute;
    height         	 	: 51px;
    top            	 	: 31px;
    width          	 	: 387px;
    z-index           : 50;
}

#pageheaderleft .homelink
{
    background        : none;
    border            : 0px solid yellow;
    position          : absolute;
    height          	: 38px;
    top             	: 0px;
    width           	: 370px;
    text-decoration 	: none;  
    z-index           : 101;
}

#pageheadercenter
{    
    background				: url("/common/_site_layouts/current/images/header_center.jpg") #FFFFFF;
    background-repeat : repeat-x;
    border            : 0px solid #000000;
    height            : 51px;
    position          : absolute;    
    left            	: 0px;
    top             	: 31px;
    width           	: 100%;
    z-index           : 48;  
}

#pageheaderright
{    
    background				: url("/common/_site_layouts/current/images/header_right.jpg") #FFFFFF;
    background-repeat : no-repeat; 
    border            : 0px solid #000000;
    position          : absolute;
    height          	: 51px;
    right           	: 0px;
    top             	: 31px;
    width           	: 198px;
    z-index           : 50;
}

#pageheaderprint
{
  display: none;
}
/******************************************************************************************
* End page header section (utah.gov and Department of Workforce Services headers).
*******************************************************************************************/

/*****************************************
* Start left side navigation style.
******************************************/
#leftnavwrapper
{
	position          : absolute;
	top								: 82px;
	left							: 0px;
	border						: 0px solid #000000;
	z-index           : 100;
}

#leftnavtop
{
    background        : url("/common/_site_layouts/current/images/left_nav_top.jpg") no-repeat left top;
    position          : relative;
    top								: 0px;
    left							: 0px;
    border            : 0px solid yellow;
    height            : 62px;    
    width           	: 145px;
    z-index           : 48;
}

#leftnavmiddle
{
    background        : url("/common/_site_layouts/current/images/left_nav_middle.jpg") repeat-y left top;
    border            : 0px solid green;
    position          : relative;
    top 							: 0px;
    left							: 0px;		
    width							: 145px;    
    z-index           : 49;
    
}

#leftnavbottom
{
    background        : url("/common/_site_layouts/current/images/left_nav_bottom.jpg") no-repeat left top;
    border            : 0px solid red;
    position          : relative;
		top 							: 0px;
    left							: 0px;	
    height            : 75px;
    width             : 145px;
    z-index           : 50;
}
/********************************************
* End left side navigation style.
*********************************************/

/********************************************
* Start left navigation menu and submenuing.
*********************************************/
.menutitle
{
    border      : 0px solid green;
    color       : #FFFFFF;
    cursor      : pointer;
    display     : block;
    font-size   : 80%;
    font-weight : bold;
    margin			: 0px 5px 0px 5px;
    text-align  : left;
    width				: 130px;
}

.submenu
{
		position    : relative;
    top       	: 0px;		
    border      : 0px solid red;
    color       : #FFFFFF;
    display     : none;
    margin			: 0px 0px 0px 5px;
    padding			: 0px 0px 0px 0px;   
    width     	: 127px;    
}

.submenu strong
{
    color       : #FFFFFF;
    font-size   : 70%;
    font-style  : normal;
    font-weight : normal;
    margin			: 0px 0px 0px 5px;
    padding			: 0px 0px 0px 0px;   
}

.submenu .NavLink
{
		border          		: 0px solid green;
		color       				: #FFFFFF;
    width 							: 109px;    
    margin							: 0px 0px 0px 0px;
    padding							: 0px 0px 0px 0px;
    list-style-type 		: none;      
}

.submenu .NavLink a
{
    border          		: 0px solid white;
    color           		: #FFFFFF;
    font-size       		: 90%;
    font-style      		: normal;
    font-weight     		: normal;
    list-style-type 		: none;    
    margin							: 0px 0px 0px 0px;
   	padding							: 0px 0px 0px 0px;    
}

.submenu .CurrentNavLink
{
    border          : 0px solid #FFFFFF;
    color           : #FFFFFF;
    font-size       : 70%;
    font-weight     : bold;
    margin-left     : 0px;
    list-style-type : none;
}

.submenu .ChildNavLink
{
    border          : 0px solid #FFFFFF;
    margin-left     : 10px;
    list-style-type : none;
    color       		: #FFFFFF;
}

.submenu .ChildNavLink a
{
    border      : 0px solid #FFFFFF;
    color       : #FFFFFF;
    font-size   : 80%;
    font-style  : normal;
    font-weight : normal;
}
/********************************************
* End left navigation menu and submenuing.
*********************************************/

/********************************************
* Start center content area.
*********************************************/
#bestviewed
{
    border-right    : #000000 0px solid;
    padding-right   : 0px;
    border-top      : #000000 0px solid;
    padding-left    : 0px;
    font-weight     : normal;
    font-size       : 8pt;
    background      : #FFFFFF;
    padding-bottom  : 0px;
    border-left     : #000000 0px solid;
    padding-top     : 0px;
    border-bottom   : #000000 0px solid;
    position        : relative;
}

#centercontent
{
    border        : 0px solid black;
    background    : #FFFFFF;
    margin-left   : 155px;
    margin-right  : 20px;
    position      : relative;
    top						: 0px;
    z-index       : 52;
}

#centercontent h1
{
    border         	: 0px solid #000000;
    color          	: #660000;
    font-size      	: 14pt;
    font-style     	: italic;
    font-weight    	: bold;
    position       	: relative;
    width						: 415px; 
    text-transform	 : none;
}

#centerfooter
{
    border-right    : #000000 0px solid;
    padding-right   : 5px;
    border-top      : #000000 0px solid;
    padding-left    : 5px;
    background      : #FFFFFF;
    padding-bottom  : 5px;
    border-left     : #000000 0px solid;
    padding-top     : 20px;
    border-bottom   : #000000 0px solid;
    position        : relative;
    height          : 70px;
}

#centerfooter a
{
    font-weight : normal;
    font-size   : 8pt;
}

#centerfooter p
{
    font-weight : normal;
    font-size   : 9pt;
}

#contentpadding
{
  border     : 0px solid black;
  font-size  : 1px;
  position   : relative;
    height   : 5px;
    left     : 0px;
    top      : 0px;
    width    : 100%;
}
/********************************************
* End center content area.
*********************************************/

/******************************************************************************************
* Start center header tabs (for Job Seeker, for Employers, for Information and Services).
*******************************************************************************************/
#contentheader
{
    background  : #FFFFFF;
    border      : 0px solid black;
    position    : absolute;
    left      	: 145px;
    top       	: 81px;
    height    	: 30px;
    width     	: 600px;
    z-index     : 1;
}

#contentheadertab
{
		background			: #FFFFFF;
    border          : 0px solid #000000;
    position        : relative;
    left            : 0px;
    top             : 0px;
    width           : 600px;
    height					: 30px;
}

#contentheadertab a
{
    background      : url("/common/_site_layouts/current/images/left_tab_blue.jpg") no-repeat left top;
    border					: 1px solid #FFFFFF;    
    color           : #FFFFFF;
    display         : block;
    float           : left;
    font-size       : 100%;
    font-style      : italic;
    font-weight     : bold;
    padding					: 2px 10px 10px 10px;    
    text-decoration : none;   
    /*z-index					: 1;*/
}

#contentheadertab ul
{
    list-style-type : none;
    padding					: 0px 10px 0px 10px;    
    margin          : 0px;
}

#contentheadertab li
{
    background  : url("/common/_site_layouts/current/images/right_tab_long_blue.jpg") no-repeat right top;
    display     : block;
    float       : left;
	white-space: nowrap;
    /*z-index			: 2;*/
}


#contentheadertab #current
{
    background-image  : url("/common/_site_layouts/current/images/right_tab_long_yellow.jpg");
    z-index         	: 2;
}

#contentheadertab #current a
{
    background-image  : url("/common/_site_layouts/current/images/left_tab_yellow.jpg");
    color             : #660000; 
    z-index         	: 1;
}
/******************************************************************************************
* End center header tabs (for Job Seeker, for Employers, for Information and Services).
*******************************************************************************************/ 

#interdev_sitemap
{
  display : none;
}

/***********************************************
* Start of the right hand column content style.
************************************************/
#rightcontent
{
	position 				: absolute;
	top							: 85px;
	right						: 0px;
	width						: 155px;
	border					: 0px solid black;
	padding-top			: 5px;
	padding-bottom	: 20px;
	z-index					: 101;  
}

#signon
{
	position		: relative;
	top					: 0px;
	left				: 0px;	
	border			: 0px solid black;
}

#signonheader
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width							: 155px;
	height						: 25px;
	background				: url("/common/_site_layouts/current/images/tan_tab.jpg") #FFFFFF bottom;
	background-repeat : no-repeat;
	margin						: 0px 0px 0px 0px;
	padding						: 0px 0px 0px 0px;
	border						: 0px solid green;
}

#signontitle
{
	position				: relative;
	top							: 0px;
	left						: 0px;
	font-size				: 10pt;
	font-family			: Helvetica;
	font-style			: oblique;
	font-weight			: bold;
	padding					: 2px 2px 2px 15px;
	color						: #001C8A;
	border					: 0px solid green;
	text-align			: left;
	vertical-align	: middle;
}

#signoncontent
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width:						: 100px;
	margin						: 0px 0px 0px 0px;
	padding						: 5px 5px 10px 5px;
	background-color	: #F1EFE2;
	border-left				: 1px solid #747162;
	border-right			: 1px solid #747162;
	border-bottom			: 1px solid #747162;
}

#whatsnew
{
	position		: relative;
	top					: 5px;
	left				: 0px;
	border			: 0px solid black;
}

#whatsnewheader
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width							: 155px;
	height						: 25px;
	background				: url("/common/_site_layouts/current/images/tan_tab.jpg") #FFFFFF bottom;
  background-repeat : no-repeat;
	margin						: 0px 0px 0px 0px;
	padding						: 0px 0px 0px 0px;
	border						: 0px solid green;
}

#whatsnewtitle
{
	position				: relative;
	top							: 0px;
	left						: 0px;
	font-size				: 10pt;
	font-family			: Helvetica;
	font-style			: oblique;
	font-weight			: bold;
	padding					: 2px 2px 2px 15px;
	color						: #001C8A;
	border					: 0px solid green;
	text-align			: left;
	vertical-align	: middle;
}

#whatsnewcontent
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width:						: 100px;
	margin						: 0px 0px 0px 0px;
	padding						: 5px 5px 0px 5px;
	background-color	: #F1EFE2;
	border-left				: 1px solid #747162;
	border-right			: 1px solid #747162;
	border-bottom			: 1px solid #747162;
}

#whatsnewcontent h5
{	
		margin			: 0px;
		padding			: 0px;
    border      : 0px solid #000000;
    color       : #660000;
    font-weight : bold;
    font-size   : 8pt;    
    
}

#whatsnewcontent ul
{		
		margin-top	: 10px;
    margin-left	: 20px;
    padding			: 0px;
}

#whatsnewcontent a
{
    font-weight 	: normal;
    font-size   	: 8pt;
}

#whatsnewxmldata
{
  display: none;
}

#hotjobs
{
	position		: relative;
	top					: 10px;
	left				: 0px;
	border			: 0px solid black;
}

#hotjobsheader
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width							: 155px;
	height						: 25px;
	background				: url("/common/_site_layouts/current/images/tan_tab.jpg") #FFFFFF bottom;
  background-repeat : no-repeat;
	margin						: 0px 0px 0px 0px;
	padding						: 0px 0px 0px 0px;
	border						: 0px solid green;
}

#hotjobstitle
{
	position				: relative;
	top							: 0px;
	left						: 0px;
	font-size				: 10pt;
	font-family			: Helvetica;
	font-style			: oblique;
	font-weight			: bold;
	padding					: 2px 2px 2px 15px;
	color						: #001C8A;
	border					: 0px solid green;
	text-align			: left;
	vertical-align	: middle;
}

#hotjobscontent
{
	position					: relative;
	top								: 0px;
	left							: 0px;
	width:						: 100px;
	margin						: 0px 0px 0px 0px;
	padding						: 5px 5px 0px 5px;
	background-color	: #F1EFE2;
	border-left				: 1px solid #747162;
	border-right			: 1px solid #747162;
	border-bottom			: 1px solid #747162;
}

#hotjobscontent ul
{
		margin-top	: 10px;
    margin-left	: 20px;
    padding			: 0px;
}

#hotjobscontent a
{
    font-weight 	: normal;
    font-size   	: 8pt;
}

/*********************************************
* End of the right hand column content style.
**********************************************/

/*********************************************************************************************************
* Start Watermarks for the default pages for Job Seekers, for Employers, and for Information and Services. 
**********************************************************************************************************/
#facewatermark
{
	background			: url("/common/_site_layouts/current/images/face.gif") no-repeat right top; 
	vertical-align	: top; 
	width						: 60%; 
	padding-top			: 35px;
}

#facebuswatermark
{
	background			: url("/common/_site_layouts/current/images/facebus.gif") no-repeat right top; 
	vertical-align	: top; 
	width						: 60%; 
	padding-top			: 35px;
}

#faceinfowatermark
{
	background			: url("/common/_site_layouts/current/images/faceinfo.gif") no-repeat right top; 
	vertical-align	: top; 
	width						: 60%; 
	padding-top			: 35px;
}
/*********************************************************************************************************
* End Watermarks for the default pages for Job Seekers, for Employers, and for Information and Services. 
**********************************************************************************************************/

/******************************************************************************************
* Start of style associated with popups.
*******************************************************************************************/
#bestviewed_popup
{
    background  : #FFFFFF;
    border      : 0px solid #000000;
    font-weight : normal;
    font-size   : 8pt;
    padding     : 0px 0px 0px 0px;
    position    : relative;
    width     	: 100%;
}

#centercontent_popup
{
    background  : #FFFFFF;
    border      : 0px solid #000000;
    padding     : 10px 10px 10px 10px;
    position    : absolute;
		top       	: 55px;
		width     	: 97%;
    z-index     : 52;
}

#centercontent_popup h1
{
    border         : 0px solid #000000;
    color          : #660000;
    font-size      : 14pt;
    font-style     : italic;
    font-weight    : bold;
    position       : relative;
    text-transform : none;
}

#centerfooter_popup
{
    background     	: #FFFFFF;
    border         	: 0px solid #000000;
    padding-bottom 	: 5px;
    padding-left   	: 5px;
    padding-right  	: 5px;
    padding-top    	: 20px;
    position       	: relative;
    height       		: 70px;
    width        		: 100%;
}

#centerfooter_popup a
{
    font-weight : normal;
    font-size   : 8pt;
}

#centerfooter_popup p
{
    font-weight : normal;
    font-size   : 9pt;
}

#pageheader_popup
{
    background 	: #FFFFFF;
    border     	: 0px solid #000000;
    position   	: relative;
    height   		: 51px;
    z-index    	: 50;  
}

#pageheadercenter_popup
{       
    background				: url("/common/_site_layouts/current/images/header_center.jpg") #FFFFFF;
    background-repeat : repeat-x;
    border            : 0px solid #000000;
    height            : 51px;
    position          : absolute;
    left            	: 0px;
    top             	: 0px;
    width           	: 100%;
    z-index           : 48;   
}

#pageheaderleft_popup
{
    background				: url("/common/_site_layouts/current/images/jobs_header_left.jpg") #FFFFFF;
		background-repeat : no-repeat; 
		border            : 0px solid #000000;
		position          : absolute;
		height         	 	: 51px;
		top            	 	: 0px;
		width          	 	: 387px;
    z-index           : 50;
}

#pageheaderright_popup
{   
    background				: url("/common/_site_layouts/current/images/header_right.jpg") #FFFFFF;
		background-repeat : no-repeat; 
		border            : 0px solid #000000;
		position          : absolute;
		height          	: 51px;
		right           	: 0px;
		top             	: 0px;
		width           	: 198px;
    z-index           : 50;
}
/******************************************************************************************
* End of style associated with popups.
*******************************************************************************************/

/******************************************************************************* 
* The following style is used for printing pages without the navigation content.
* Added by Kevin Olsen.
********************************************************************************/
@media print
{
  #centercontent 
  { 
    position		: absolute; 
		top					: 50px;  
		left				: -190px;  
		width				: 675px;  
		padding			: 50px;  
  }    
   
  #centerfooter
  {
  	display		: none;
  }
  
  #contentheader
  {
    display			: none;
  }
  
  #leftnavwrapper
  {
  	display			: none;
  }
  
  #leftnavcontent
 	{
    display		: none;
  }
  
  #pageheadercenter
  {
    display			: block;
  }
  
  #pageheaderleft
  {
    display			: none;
  }

  #pageheaderprint
  {
    display			: block;
  }
  
  #pageheaderprintleft
  {
    position 		: absolute;
    top    			: 0px;		
		left   			: 0px;		
		width  			: 387px;
		height 			: 51px;
    z-index  		: 50;  
  }

  #pageheaderprintcenter
  {
    position		: absolute;
    top    			: 0px;		
		left   			: 387px;		
		width  			: 100%;
		height 			: 51px;
    z-index  		: 48;        
  }
  
  #pageheaderprintright
  {
    position		: absolute;
    top    			: 0px;		
		right   		: 0px;
		width  			: 198px;
		height 			: 51px;
    z-index  		: 50;  
  }  

  #pageheaderright
  {
    display			: none;
  }

  #rightcontent
  {
    display			: none;
  }
  
  #statebanner
  {
    display			: none;
  }
}