/* CSS file for Empocorp.com  New */

body  
	{
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	color: #666666;
	}

img
	{
	border: none;
	border-style: none;
	}

a:link
	{
	text-decoration: underline;
	font-size: 100%;
	color: #666666;
	font-weight: normal;
	}
			
a:visited		
	{
	text-decoration: underline;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	}
						
a:hover
	{
	text-decoration: underline;
	color: #666666;
	font-weight: normal;
	}			


ul
	{
	display: inline;
	list-style-position: outside;
	list-style: none;
	margin-left: 0px !important;
	}

ul li
	{
	padding-left: 5px;
	}


/* .Orange Text is used with <span> to format ">,|" as Orange.  */
/*  Change Color setting to change color						*/
.OrangeText
	{
	color: #ff9900;
	clear: none;
	text-align: left;
	}				
	
/* .BoldText is used with <span> to format text as bold within a div */
/*  Use this when you want to change text to bold with in a div tag but 
/*  you do not want to change the properties of the entire div tag */
.BoldText
	{
	font-weight: bold;
	clear: none;
	}				
	
/*  .ItalicsText is used with <span> to format text as italics within a div */
/*  Use this when you want to change text to italics with in a div tag but 
/*  you do not want to change the properties of the entire div tag */
.ItalicsText
	{
	font-style: italic;
	clear: none;
	}
		
.UnderlineText
	{
	text-decoration: underline;
	}		
		
.ErrorText
	{
	font-weight: bold;
	clear: none;
	color: #FF0000;
	font-size: 11px;
	}
/**************************************************/
/*  Global Wrapper - Sets up display area
/*  
/*  .GlobalWrapper     							  */
/*  
/**************************************************/			
.GlobalWrapper 
	{
	font-family: Verdana;
	width: 775px;
	margin-right: auto;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 25px;
	letter-spacing: normal;
	background-color:#FFFFFF;
	}
							 
							 
							 
/**************************************************/
/*  Header Wrapper Area - Wrapper Area for Header and Wrapper
/*  
/*  .GlobalWrapper > .HeaderWrapper
/*  
/**************************************************/							 
.HeaderWrapper 
	{
	width: 765px;
	height: 230px;
margin-left: 7px;
	_margin-left: 10px;  /*_ is IE6 hack to make the header line up */
	background-image: url(../images/header_v11.jpg);
	background-position: bottom center;
background-repeat: no-repeat;	
}
							 
					
	
									 
/*  .GlobalWrapper > .HeaderWrapper > .LoginNav
/*  Content Area for the employee & employer login area	*/
.LoginNav 
	{
	color: #FF9900;	
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 10px;
	letter-spacing: .25px;
	}

.LoginNav a:link
	{
	color: #FF9900;
	text-decoration: none;
	}

.LoginNav a:hover
	{
	color: #FF9900;
	text-decoration: underline;
	}
	

.LoginNav a:visited
	{
	color: #FF9900;
	text-decoration: none;
	}
	
.HeaderImage	
	{
margin-top: 35px;
	width: 765px;
	}

/*  .GlobalWrapper > .HeaderWrapper > .MainNav
/*  Content Area for the main nav area	*/
.MainNav 
	{
	width: 755px;
	height: 33px;
	margin-top: 55px;
	margin-bottom: 0px;
margin-right: 10px;
	padding-top: 5px;
	font-size: 10px;
	color: #FFFFFF; 
	/* background-color: #FF9900; */
	text-align: right;
	letter-spacing: .25px;
	}

.MainNav a:link
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	}
	
.MainNav a:hover
	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
	
.MainNav a:visited
	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}

.MainNavTopLine 
	{
	padding-top: 1px;
	padding-bottom: 2px;
margin-right: 5px;
	}

.MainNavTopLine a:link
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	}
	
.MainNavTopLine a:hover
	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
	
.MainNavTopLine a:visited
	{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}




/**************************************************/
/*  End of Header Section                         */
/**************************************************/				
 
		


/**************************************************/
/*  Content Wrapper
/*  
/*  .GlobalWrapper > .ContentWrapper
/*  Established the area for the main content of the page
/**************************************************/
.ContentWrapper 
	{
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	float: left;
	clear: both;
	letter-spacing: normal;
	}
			
/**************************************************/
/*  Left Kicker Wrapper          
/*  
/*  .GlobalWrapper > .ContentWrapper >.LeftKickerWrapper
/*  Used for the announcements on the left side of the screen
/**************************************************/

.LeftKickerWrapper 
	{
padding-left: 5px; /* ie6 hack */
	float: left;
	clear: none;
	min-height: 600px; !important;
_height: 600px; /*ie6 hack */
	width: 160px;
	/*border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	margin-right: 5px;
padding-right: 5px;
background-image: url(../images/kicker_background.jpg);
background-position: bottom right;
background-repeat: no-repeat;	
	}	
		
.LeftKickerText
	{
	font-weight: normal;
	font-size: 10px;
	_margin-bottom: 20px;
	_margin-top: 5px;
	}

.LeftKickerText ul {
/* margin-top: 5px; */
}
	
.LeftKickerText img	
	{
	_padding-left: 5px; /* ie6 hack */
	margin-bottom: 5px;
	}

.LeftKickerText h1
	{
	_padding-left: 5px;  /* ie6 hack */
	font-size: 11px;
	/*margin-bottom: -4px;*/
	_margin-bottom: -2px;
	}

.LeftKickerText h2
	{
	_padding-left: 5px;  /* ie6 hack */
	font-size: 10px;
	margin-bottom: -2px;
	}

.LeftKickerText p
	{
	_margin-top: 8px;  /* ie6 hack */
	font-size: 10px;
	padding-left: 5px;
	margin-left: 5px;
	}

.LeftKickerText a:link
	{
	padding-left: 0px;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	}

.LeftKickerText a:hover
	{
	text-decoration: underline;
	}

.LeftKickerText a:visited
	{
	font-weight: normal;
	text-decoration: none;
	}

#fb_balloon
	{
	position: absolute;
	left: 150px;
	top: 600px;
	display: none;
	}

#fb_balloon a img
	{
	width: 150px;
	}
/**************************************************/
/*  Right Content Wrapper 
/*  
/*  .GlobalWrapper > .ContentWrapper >.RightContentWrapper
/*  Use this to format the content to the right of the Left Kickers.
/*  It keeps border and left margin consistent between the Kickers and the rest of the content
/**************************************************/



.RightKickerWrapper
	{
	width: 160px;
	min-height: 600px; !important;
_height: 600px; /* ie6 hack */
	float: left;
	clear: right;
	/*border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; */
	margin-left: 5px;
padding-right: 5px;
background-image: url(../images/kicker_background.jpg);
background-position: bottom right;
background-repeat: no-repeat;	
	}

.RightKickerText
	{
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
	}
	

.RightKickerText img
	{
	width: 34px;
	float: right;
	margin-right: 1px;
	margin-left: 2px;
	margin-top: 1px;
	margin-bottom: 5px;
	}



.RightKickerText h1
	{
	margin-top: -3px !important;
	font-size: 10px;
	padding-left: 0px;	
	margin-bottom: -5px;
	clear: both;
	}

.RightKickerText h2
	{
	font-size: 10px;
	margin-bottom: -5px;
	}

.RightKickerText p
	{
	_margin-top: 8px;  /* ie6 hack */
	font-size: 10px;
	padding-left: 5px;
	margin-left: 5px;
	}


.RightKickerText a:link
	{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	}

.RightKickerText a:hover
	{
	text-decoration: underline;
	}

.RightKickerText a:visited
	{
	text-decoration: none;
	}

.RightKickerLogoImageWrapper img
	{
	float: left;
	margin-left: 50px; 
	clear: both;
	width: 55px;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
.RightKickerSmallText
	{
	font-size: 90%;
	}

/*************************************************************************
/*	Content Center Wrapper
/*	This is for the middle section of the page
/*************************************************************************/



.CenterContentWrapper
	{
	width: 419px;
/*	min-height: 600px !important;*/
/*	_height: 600px;	*/ /* ie6 hack */
	float: left;
	clear: none;
	padding-left: 5px;
	padding-right: 5px;
	/*border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; */
	}


/**************************************************/
/*  Content Title and Bread Crumb Wrapper         
/*  
/*  .GlobalWrapper > #CenterContentWrapper > .TitleBreadCrumbWrapper     											  */
/*  Use this to format the content title and breadcrumb between the navigation and the main content */
/**************************************************/
.TitleBreadCrumbWrapper
	{
	width: 370px;
	letter-spacing: normal;
	margin-bottom: 10px;
clear: none;
	float: left;
	margin-left: 3px;
	margin-right: 5px;
	}

.TitleBreadCrumbWrapper h1
	{
	text-decoration: none;
	font-size: 12px;
	}

.TitleBreadCrumbWrapper h2
	{
	text-decoration: none;
	font-size: 10px;
	}

.TitleBreadCrumbWrapper p
	{
width: 370px;
	font-size: 10px;
	}

.LogOutLink 
	{
	font-size: 10px;
font-weight: bold;
	}


.TitleBreadCrumbWrapper p a
	{
text-decoration: none;
	}

.TitleBreadCrumbWrapper p a:hover
	{
text-decoration: underline;
	}



/*  Content Text Wrapper - Defines text area on main content section of the page 
/* .GlobalWrapper > .ContentWrapper > .ContentTextWrapper */
.ContentTextWrapper 
	{
     /* width: 370px; */
width: 400px;
	float: left;
	clear: left;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	}
				
/* Change this to work for the specific page */
.ContentTextWrapper img
	{
	float: right;
	height: 100px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 0px 5px;
	border-style: none;
	border-color: #999999;
	}						



.ContentTextWrapper h1 
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	}

.ContentTextWrapper h2 
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-top: 10px;
clear: both;
	}
	
.ContentTextWrapper h3
	{
	font-size: 11px;
	}
	
.ContentTextWrapper h4
	{
	font-size: 9px;
	}


.ContentTextWrapper h5
	{
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	margin-top: -3px;
	}
									 
.ContentTextWrapper p 
	{
	text-decoration: none;
	font-weight: normal;
	}

.ContentTextWrapper img
	{
	padding-bottom: 10px;
	}
			
.ContentTextWrapper ul li
	{
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 6px;
	padding-left: 25px;
	}

.ThankYouText
	{
	font-weight: bold;
	color: #FF0000;
	font-size: 10px;
clear: both;
	}

.LinkSectionWrapper
	{
	float: right;
	margin-bottom: 10px;
	}


.ShortBioWrapper
	{
	width: 369px;
	clear: both;
	margin-bottom: 15px;
	}

.ShortBioTextWrapper
	{
	width: 300px;
	float: left;
	padding-right: 5px;
	}

.ShortBioTextWrapper h1
	{
	font-size: 11px;
	margin-bottom: -10px;
	}

.ShortBioImageWrapper
	{
	width: 35px;
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-left: 0px;
	}

.ShortBioImageWrapper img
	{
	width: 35px;
	height: auto;
	border: none;
	}

.BioImage
	{
height: 100px;
float: left;
margin: -5px 10px 30px 0px;
	}
	
.BioImage img
	{
margin-top: 10px;
	_margin-top: 20px;
	border: none;
	}	


.LinkWrapper
	{
	float: left;
	margin-bottom: 12px;
	}


.NewToKnowImageWrapper
{
margin-left: auto;
margin-right: auto;

}

.NewToKnowImageWrapper img
{
margin-left: 50px;
}



.EmailSignUpForm
	{
	width: 370px;
	float: left;
	font-size: 10px;
	clear: both;
	text-align: center;
	margin-bottom: 20px;
	}


.EmailSignUpForm img
	{
	clear: both;
	float: left;
	margin-bottom: 5px;
	margin-left: 70px;
	margin-right: 70px;
	width: 230px;
	height: auto;
	border: none;
	}
		
.EmailSignUpForm p
	{
	padding-top: 35px;
	}

.EmailSignUpForm table
	{
	margin-left: 20px;
	}


.SignUpSubmit
	{
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	margin-bottom: -30px;
	}

#map
	{
	width: 500px;
	height: 500px;
	}



.OptOutText
	{
	font-size: 9px;
	}


.LoginButton
	{
	margin-left: 145px;
	}

/************************************
*	EMPO CONNECTIONS SECTION		*
*************************************/

.ConnectionsTabWrapper
	{
display: block;
	border: none;
margin-bottom: 0px;
	}
	
#HRFormsTab
	{
	display: block;
	}


	
#ConnectionsTab
	{
	display: none;
	
	}


	
.ConnectionsDisplayWrapper
	{
	display: block;
	}
	

#HRFormsDisplay
	{
	display: block;
min-height: 455px !important;
_height: 455px; /* ie6 hack */
margin-top: -35px;
	border-style: solid;
	border-width: thin;
	border-color: #FF9900;
	border-top-color: #FFFFFF;
padding: 0px 5px 5px 5px;
	
	}
	

#ConnectionsDisplay
	{
	display: none;

margin-top: -35px;
	border-style: solid;
	border-width: thin;
	border-color: #FF9900;
	border-top-color: #FFFFFF;
padding: 0px 5px 5px 5px;
		}
	
	
.TabsList ul
{
text-align: left;
}



/* Meet Empo Div for formating the unordered list of employees */
.MeetEmpoList
	{
	margin-left: -25px;
	}


.MeetEmpoList img
	{
	border: none;
margin-top: 15px;
	margin-left: 120px;
	
	}
	
.MeetEmpoList p
{
margin-left: 23px;
}

#EmpoStaffSmallPicture
{


}


#EmpoStaffLargePicture
{
/*z-index: 10px; */
dispay: none;
visibility: hidden;
}


#EmpoStaffLargePicture img
{
/*z-index: 1000px;*/
width: 400px;
}

.FooterBreadCrumb
	{
	clear: left;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
	}
	
/* 	.GlobalWrapper > .ContentWrapper > .ContentTextWrapper > .PhoneTable */		
/*  Table used to line up the phone type and numbers */
.PhoneTable
	{
	/* clear: left; */
	/* float: left; */
	}

.PhoneTable table
	{
	}

/* Desktop Images */

/*************************************/
.DownloadInstructions
	{
	width: 360px;
	clear: both;
	}
	
.DownloadInstructions h1
	{
	font-size: 11px;
	}
	
.DownloadInstructions h2
	{
	font-size: 10px;
	}	

.DownloadInstructions p
	{
	font-size: 9px;
	}

.DesktopImageWrapper
	{
	padding-bottom: 5px;
	}

.LeftCaption
	{
	width: 134px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 25px;
	float: left;
	text-align: center;
	}
	
.DesktopImage
	{
	width: 160px;
	margin-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
	float: left;
	margin-bottom: 25px;
	}
	
.DesktopImage Img
	{
	float: right;
	border: none;
	}
			
	

.PeoTriviaImageWrapper
	{
	clear: none;
	}


.LowerBanner
	{
	width: 300px;
	margin-left: 40px;
	margin-top: 0px;
	clear: left;
	float: left;
	}	
	

.LowerBannerImageWrapper
	{
	width: 227px;
	margin-left: auto;
	margin-top: auto;
	clear: none;
	}	
	
	

/*  contact Empo Form
/* .GlobalWrapper > .ContentWrapper > .ContactEmpoForm
/*  Use this to format the Form users enter contact information */
.ContactEmpoForm
	{
	width: 310px;
	float: left;
	font-size: 10px;
	}

.ContactEmpoForm table
	{

	}

/* .ContactEmpoSubmit Class is used to format the Submit Button */
.ContactEmpoSubmit
	{
	margin-left: auto;
	margin-right: auto;
	}


/**************************************************/
/*  Legal Text Wrapper - Alternate Text Wrapper for pages with heavier text.
/*						 Defines the area for the text within the main content area
/*  
/*  .GlobalWrapper > .ContentWrapper > .LegalTextWrapper 
/**************************************************/
/* Use these div.classes on terms & conditions type pages */						
.LegalTextWrapper 
	{
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	clear: left;
	width: 365px;
	float: left;
	font-size: 11px;
	}

.LegalTextWrapper h1
	{
	font-weight: bold;
	}

.LegalTextWrapper h2
	{
	font-weight: bold;
	padding-top: 20px;
	}
			

.LegalTextWrapper ol
	{
	}

.LegalTextWrapper ol li
	{
	padding-bottom: 15px;
	}	

.LegalTextWrapper ul
	{
	list-style: none;

	}
			
.LegalTextWrapper ul li
	{
	padding-bottom: 2.5px;

	}

/* End Of Legal Content Area */



/**************************************************/
/*  FAQ Wrapper - Formats each individual FAQ Snippet
/*  
/*  .GlobalWrapper > .ContentWrapper > .FaqWrapper 
/**************************************************/
.FaqWrapper 
	{
	width: 350px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	}			


.FaqWrapper h1
	{
	font-size: 11px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 15px;
	}			
			
.FaqWrapper h2
	{
	padding-left: 15px;
	padding-bottom: 15px;
	}			

.FaqWrapper p
	{
	margin-left: auto;
	margin-right: auto;
	width: 330px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	}

			
.FaqWrapper ul
	{
	padding-bottom: 15px;
	color: #666666;
	}

.FaqWrapper ul li
	{
	padding-left: 20px;
	}

/* End of Special Classes for Legal Pages */
								


/**************************************************/
/*  Footer Wrapper - Formats the footer section of each page
/*  
/*
/**************************************************/
.FooterWrapper	
	{
	width: 765px;
	padding-top: 14px;
	margin-left: auto;
	margin-top: auto;
	clear: both;
	}
	
.FooterNavWrapper
	{
	margin-top: 14px;
	width: 765px;
height: 32px;	background-image: url(../images/footer_bar.jpg);
	background-repeat: none;
	}
	
.FooterNavText
	{
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}	

.FooterNavText a:link
	{	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}			

.FooterNavText a:hover
	{	
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	}		

.FooterNavText a:visited
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}	

								
.EmpoAddress 
	{
	font-family: Verdana;
	clear: both;
	width: 765px;
	text-align: center;
	font-size: 9px;
	color: #666666;
	letter-spacing: 1px;
	}								
								
.FooterLinks
	{
	width: 765px;
	clear: both;
	font-size: 8px;
	text-align: center;
	}

			

/**********************/
/* Empo Admin Section */

.UserSetupForm
	{
	font-size: 10px;	
	clear: left;
	}			

.UserSetupForm p
	{
	clear: both;
	}		

.AdminPickList
{
float: left;
width: 300px;
}

.AdminPickList form
{
float: left;
font-size: 10px;
}

.AdminPickList form table
{
float: left;
width: 300px;
font-size: 10px;
}