/* PA Style Portal Content Control */

@import url('../paStylePortalContentControlDefault.css');


/**********/
/* Common */
/**********/

/* Helps with positioning the content. Only positioning items should be used here. */
.paStyleContainer {  }

/* You must surround the content area with a div defined with class of "paStyle" */
/* Only fonts should really be defined here */
.paStyle                       { font: 11px Verdana, Arial; }
.paStyle td, div               { }
.paStyle input, select, option { font: 11px Verdana, Arial; }
.paStyle a                     { font: 11px Verdana, Arial; text-decoration: none; }
.paStyle a:hover               { font: 11px Verdana, Arial; text-decoration: underline; }
.paStyleNavigation         {  }
.paStyleNavigation a       {  }
.paStyleNavigation a:hover {  }

/* Special Case:  Only use to reverse the color of text within Country Popup Selection */
#popUpCountrySelection9619 td {  }


/***************/
/* Portal Main */
/***************/

.paStyleMainContentContainer               { width: 100%; }
.paStyleMainContentSelectionTitle          {  }
.paStyleMainContentLanguage                {  }
.paStyleMainContentLanguage td             {  }
.paStyleMainContentSelectionInstructions   {  }
.paStyleMainContentSelection               {  }
.paStyleMainContentSelection td            {  }

/* individual adjustments for each type of portal search method */
.paStyleMainContentSelectionPostalCode            { margin-left: 70px; }
.paStyleMainContentSelectionStateMetroHigherLevel { margin-left: 70px; }
.paStyleMainContentSelectionStateMetro            { margin-left: 70px; }
.paStyleMainContentSelectionFunctionalArea        {  }

.paStyleMainContentLoginContainer          { width: 100%; }
.paStyleMainContentLoginTitle              {  }  
.paStyleMainContentLoginInstructions       {  }
.paStyleMainContentLogin                   { margin-left: 70px; }
.paStyleMainContentLogin td                {  }

.paStyleMainInputFieldPostalCode           { width: 120px; }
.paStyleMainInputFieldSearchRadius         { width: auto;  }
.paStyleMainInputFieldStateSelection       { width: auto;  }
.paStyleMainInputFieldMetroSelection       { width: auto; height: 70px; }
.paStyleMainInputFieldHigherLevelSelection { width: auto; height: 80px; }
.paStyleMainInputFieldLogin                { width: 150px; }
.paStyleMainInputFieldPassword             { width: 150px; }


/*****************************/
/* Portal Geographies Select */
/*****************************/

.paStyleGeographiesContentContainer             { width: 100%; }
.paStyleGeographiesContentSelectionTitle        {  }
.paStyleGeographiesContentSelectionInstructions {  }
.paStyleGeographiesContentSelection             {  }
.paStyleGeographiesContentSelection td          {  }
.paStyleGeographiesContentSelectionScrollForce  { 	
	/* ScrollForce should only be used to implement a scrollable area.  
   	   It exists within the attributes of paStyleGeographiesContentSelection */
   	/*
	width: 450px; height: 250px;
	margin: 0px; padding: 0px;
	overflow: auto; 
	background: transparent;
	*/
}
.paStyleGeographiesContentNavigation            { width: 100%; }
.paStyleGeographiesContentNavigation td         {  }


/***************************/
/* Portal Positions Select */
/***************************/

.paStylePositionsContentContainer             { width: 100%; }
.paStylePositionsContentSelectionTitle        {  }
.paStylePositionsContentSelectionInstructions {  }
.paStylePositionsContentSelection             { width: 95%; }
.paStylePositionsContentSelection td          {  }
.paStylePositionsContentSelectionScrollForce  {
	/* ScrollForce should only be used to implement a scrollable area.  
   	   It exists within the attributes of paStyleGeographiesContentSelection */
	/*	
	width: 100%; height: 100px;	
	margin: 0px; padding: 0px;
	overflow: auto;	
	background: transparent;
	*/
}
.paStylePositionsContentRecruiter             { width: 100%; }
.paStylePositionsContentRecruiter td          {  }
.paStylePositionsContentNavigation            { width: 100%; }
.paStylePositionsContentNavigation td         {  }
/* The following 3 classes control the returning candidate section.  
   There should rarely ever be the need to modify this section */
.paStylePositionsContentNavigationLogin                       { width: 100%; }
.paStylePositionsContentNavigationLogin td                    {  }
.paStylePositionsContentNavigationLogin td .paStyleNavigation {  }

.paStylePositionsInputFieldInvitedByUserName  { width: 200px; }

/* only background and fonts should be edited through this class */
.paStylePositionsHeading { background: transparent; }
/* use "display: none" on the following if we need to hide the department column */
.paStylePositionsHeadingDepartment { display: none; }

/**********************************/
/* Small Business Position Select */
/**********************************/

.paStyleSmallBusinessPositionContentSelection	{  }
.paStyleSmallBusinessPositionContentSelectionScrollForce  {
	/* ScrollForce should only be used to implement a scrollable area.  
   	   It exists within the attributes of paStyleGeographiesContentSelection */
	/*	
	width: 100%; height: 100px;	
	margin: 0px; padding: 0px;
	overflow: auto;	
	background: transparent;
	*/
}

.paStyleSmallBusinessPositionContentSelection a		{ text-decoration:none; }

ul#positionListings					{font-size:1em; list-style:none; padding:0; margin-top:1.3em;}
ul#positionListings ul 				{list-style:none; padding:0;}
li.positionCategory					{margin:0 0 15px 0;}
li.positionCategory h4				{margin:0 0 2px 0;}
li#position							{padding:3px 0 0 5px; margin:0 0 0 -5px;}
li#position:hover					{background-color:#e8f1d2;}
li#position a.positionTitle			{display:inline-block; width:420px; padding:0 0 3px 0;}
li.parent							{padding:5px 0 0 5px; margin:0 0 0 -5px; cursor:pointer;}
li.parent:hover						{background-color:#e8f1d2;}
li.parent .positionTitle			{display:inline-block; width:420px; padding:0 0 5px 0; color:#EE5019;}
li.parent .positionTitle:hover		{text-decoration:underline; color:#62B019;}
li.parent .positionLocation			{color:#666666;}
li.parent .positionLocation:hover	{color:#666666;}
li.parent .moreLocations 			{color:#EE5019;}
li.parent .moreLocations:hover		{text-decoration:underline; color:#62B019;}
ul.positionChildren					{font-size:1em; padding:5px;margin:0 0 0 -5px; }
li.parent:hover ul.positionChildren {background-color:#EFEFEF;}
ul.positionChildren li 	 			{padding: 3px 6px;}
ul.positionChildren li a:hover		{text-decoration:underline;}
ul.positionChildren li:hover		{background-color:#DFDFDF;}
ul.positionChildren li .positionChildLeft	{ float:left; font-style: italic; }
ul.positionChildren li .positionChildRight	{ float:left; margin: 0 0 0 2px;}

/**********************************/
/* Small Business Location Select */
/**********************************/

.paStyleSmallBusinessLocationContentSelection	{ }
.paStyleSmallBusinessLocationContentSelectionScrollForce  {
	/* ScrollForce should only be used to implement a scrollable area.  
   	   It exists within the attributes of paStyleGeographiesContentSelection */
	/*	
	width: 100%; height: 100px;	
	margin: 0px; padding: 0px;
	overflow: auto;	
	background: transparent;
	*/
}

.jobDesc h2 				{ margin-bottom:15px; !important; }
.jobDesc .jobDescBody		{ font-size: 11px; color: #666666; margin-bottom: 20px; line-height: 16px; !important; }
.jobDesc .jobDescBody p		{ font-size: 11px; !important; }
.jobDesc .jobDescBody li	{ font-size: 11px; padding: 0 0 4px 0; line-height: 13px; !important; }

#jobLocation fieldset 		{background:#ececec; padding:7px 10px; width:inherit; margin-bottom:15px; display:inline;
								border-radius: 10px; 
								-moz-border-radius: 10px; 
								-webkit-border-radius: 10px; 
								border: 1px solid #D6D8D8;}

.jobLocationSelect 				{ float:left; padding: 0 8px 0 0; color: #333333; max-width: 460px; }
.jobLocationSelect select		{ font-family: arial; padding-right: 15px; font-size: 11px; max-width: 420px; }
.applyNow 						{ float:left; cursor: pointer; }