/* styles specific to jobsearch.aspx page */



/* ROW UNDER GRAPHIC CONTAING MAIN NAVIGATION LINKS - BACK TO IFA HOME PAGE ETC LINKS */

#NavigationWrapper 
{
    display:block; float:left;
	width: 950px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #ffffff;
    background-image:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	height:auto;
}

#NavigationWrapper a
{
    color:#444444; text-decoration:underline; margin-right:30px;
    font-size:100%; padding:1px;
}

.activeLink
{
    color:#000000; text-decoration:none !important; margin-right:30px;
     background-color:#D3F6AA; padding-left:5px; padding-right:5px;
}

/* ------------------- end navigation row links --------------- */


/* -------- LISTS ROW CONTAINING 3 DROP DOWN LISTS - Saved Searches, Stored Jobs and Viewed Jobs -------- */

#ListsRow
{
	display:block;
	float:left;
	width:920px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#596659;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}






.helpLink
{
    display:block; float:left;
}

.helpLink a { color:#ffffff; }
.helpLink a:hover { color: #66CC33; ; }

/* -------------- SEARCH OPTIONS BOX STYLING ------------------------- */

#SearchOptionsWrapper
{
	width: 350px;
	padding: 0px;
	background-color: #596659;
	color:#ffffff;
	float: left;
	padding:15px;
	background-image: url(../Icons/WatermarkSearchForJobs.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#SearchOptionsWrapper h1
{
    color:#ffffff; font-weight:normal;
}


.row
{
	display:block; float:left; width:100%; margin:0px; margin-bottom:8px; padding:0px;
}


/* 1st column that contains serach option label displayed next to textbox,list or textarea */

.labelColumn
{
	display:inline;
	float:left;
	width:100px;
	font-family:verdana, arial, sans-serif;
	text-align:right;
	text-align:left;
	font-size:85%;
}

/* 2nd column that wraps the search option textbox, dropdown list or textarea */
.inputColumn
{
	display:inline; float:left; /* width:202px; */ 
	font-family:verdana,arial,sans-serif; 
	margin-left:1px; margin-right:5px;
}

/* styles the input label text displayed in the inputColumn div */
.inputLabel
{
	display:inline; font-family:verdana,arial,sans-serif; color:#ffffff; margin-right:10px;
	padding-top:4px; text-align:left;
}

/* 3rd column holds any validation message text that will be displayed to the right
of the textbox - in hindsight this may not be required as industry will default to 
oil and gas and country slection propose to remove! Currently only utilised
when user does not select an industry or country
*/

.validationColumn
{
	display:inline; float:left; padding-left:0px;
}

/* asterix displayed in validation message - again dont worry about this as will
likely be redundant and not used */

.validationAsterix
{
	display:none; font-weight:bold; color:#ffff00; font-family:verdana,arial,sans-serif; padding-top:0px; margin-left:2px;
}

/* styles validation text displayed in validationColumn div. Likely not used
in final version as validation will not be required */

.validationMessage
{
	display:none; font-weight:normal; color:#ffff00; 
	font-family:verdana,arial,sans-serif; padding-top:2px; 
	margin-left:5px; font-size:100%;
}


/* THE ROW CONTAINING The 2 CHECKBOXES - Fing Any and Find All options */
		
.checkboxRow
{
	display:block; float:left; margin:0px; font-size:85%;
	color:#ffffff; width:99%;
}

/* Row containing save search and email search links */

#SaveSearchLinksWrapper
{
    margin-left:10px;
}

#SaveSearchLinksWrapper a { color:#ccffcc; }

#SaveSearchLinksWrapper a:hover { color:#ffff00; }


 /*   ANIMATED LOADING MESSAGE, OK MESSAGE BOX STYLES ARE DEFINED IN global.css
 AND UTILISED BY ALL SITE PAGES */ 
 
 
/* RESULTSAREA DIV contains SearchResultsWrapper (that wraps results table) and IntroTextWrapper div */
    




#ResultsAreaWrapper
{

    width:549px;
	float:left;
	margin:0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	
	}




  /* IntroTextWrapper is displayed inside ResultsAreaWrapper on page load and will contain
  instructions or feature notes or something - is hidden after user runs their 1st search */  
  
  /* IMPORTANT: THe css below for IntroTextWrapper is utilised by all Corporate area candidate search pages
    Some of the CSS in IntroTextWrapper (below) is overridden inline in JobSearch.aspx page head section.
    Do not modify IntroTextWrapper css below to style JobSearch page
*/
#IntroTextWrapper
{
	width:538px;
	float:left;
	margin:0px;
	padding:0px;
}

#IntroTextWrapper ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#IntroTextWrapper ol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#IntroTextWrapper ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#IntroTextWrapper ul li {list-style-type: none; list-style-image: url(../Icons/SquareBullet4px.gif);}

#HelpInfoTextWrapper li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#HelpInfoTextWrapper ol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
/* ------------ search results wrapper contains search results table --------------- */

#SearchResultsWrapper
{
     width:549px;float:left; border:0px;
     margin:0px; padding:0px; margin-bottom:5px;
}

/* --- wrapper rendered by .net code around the results table --- */
.resultsGridWrapper
{
  width:100%; float:left; background-color:#ffffff; 
    border:0px solid #000000;
     margin:0px; padding:0px; margin-bottom:5px;
}
 

/* --------- JOB DETAILS BOX THAT ANIMATES IN WHEN JOB RESULTS ROW CLICKED ON ------------ */
    
/* IMPORTANT - please do not rename any IDs used here! */ 

#ViewJobPopup
{
    position:absolute; width:100px; height:60px; 
   color:#333333; 
    left:100px; top:30px; border:6px solid #666666;  z-index:2700; 
    padding:0px; overflow:visible; padding-bottom:10px; visibility:hidden;
}

#ViewJobHeaderBar
{
    display:block; width:98%; padding:1%; margin:0px; 
    background-color: #596659; color:#003300;
    padding-top:5px; padding-bottom:5px; float:left; text-align:left;
}

#ViewJobHeaderBar a { color:#D3F6AA; font-weight:bold; }

#jobPopupHeaderLinks { width:84%; padding:5%; background-color:#003300; border-bottom:1px solid #999999; }
#jobPopupHeaderLinks a { color:#ffffff; font-weight:bold; }

#JobDescriptionScrollWrapper
{
    width:642px; padding:0px; margin:0px; text-align:left; float:left;
    overflow:auto; height:400px; 
    }


/* Job description text wrapper */

#JobDescriptionWrapper
{
    width:92%; padding:1.5%; padding-top:2%; text-align:left; float:left;
    color:#333333; font-family:verdana,arial,sans-serif;
}

.applyLink{ text-decoration:underline; color:#555555; font-weight:bold;}

.jobRow
{
     display:block; width:100%; padding:0px; margin:0px; 
    padding-top:5px; padding-bottom:5px; float:left; text-align:left;
}

.jobRow a { color:#0066ff; font-weight:bold; }



/* --------------------- CACHED CONTENT DIVS hidden in production version ---------------- */

/* DON'T REMOVE, RENAME OR STYLE THESE ELLIS - JUST A HIDDEN DIV AREA FOR STORING VIEWED TEXT */

#JobCachingWrapper
{
    display:none; float:left; width:90%; padding:0px; padding-top:10px; padding-bottom:10px;
}

.cachedJob
{
    display:none; float:left; width:90%; padding:0px; padding-top:10px; padding-bottom:10px;
    border-bottom:1px solid #999999;
}

#StoredJobCachingWrapper { display:none; }


/* hidden in production version - do not rename or style */
.renderedJobInfoWrapper { display:none; float:left; width:90%; } 


#FooterLinksWrapper { float:left; }


/* -------- page help info box styles ------- */

#HelpBoxWrapper
    {
        position:absolute; width:590px; padding:15px; visibility:hidden; top:50px; left:300px;
        border:6px solid #666666; background-color:#ffffff; color:#333333; z-index:9900;
        overflow:visible; height:auto;
    }
    
	
/*	
	
#HelpBoxCloseLinkRow 
{ 
    display:block; margin:0px; padding-left:0px; text-align:right; background-color:#66ff00;
    width:590px; padding-top:5px; padding-bottom:5px; padding-right:5px; border:none;
}

*/



#HelpBoxCloseLinkRow 
{
    float:right; width:100%; height:28px; border:0px;
	margin: 0px; padding: 0px;
	text-align: right;
    background-image: url(../Navigation/NavButtonXUP.gif);
    background-repeat: no-repeat;
	background-position: right center;
}
	


#HelpBoxCloseLinkRow a {}

#HelpBoxText { display:block; color:#333333; height:auto; padding:0px; width:99%; text-align:left; overflow:visible;}
#HelpBoxText h1 { color:#66cc33; }
#HelpBoxText ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#HelpBoxText ol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#HelpBoxText ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 150%; font-weight: normal; color: #333333;}
#HelpBoxText ul li {list-style-type: none; list-style-image: url(../Icons/SquareBullet4px.gif);}


.LightGreyInputButtonStyle {
	background-color: #dddddd;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}


/* ------------ inline css from jobsearch page added below --------- */

  
  .SearchHeadingStyleOne {font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; line-height: 120%; font-weight: normal; color: #66cc33; padding: 0px;
margin-top: 2%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px;}

  #AlreadyAppliedMessage 
  { display:none; width:640px; padding:1px; background-color:#66cc33;
    font-weight:bold; margin:0px; float:left; color:#ffffff;}
    
    .validationMsg
    {
        display:none; width:99%; padding-top:2px; padding-bottom:2px; 
        color:#ab1234; font-weight:bold;
    }
    
    #SaveSearchPopup
    {
        position:absolute; width:400px; visibility:hidden; top:40px; left:-500px;
        border:6px solid #444444; background-color:#f2f2f2; z-index:2600;
    }
    
    #NoJobLinkPopup
    {
        position:absolute; width:390px; padding:5px; visibility:hidden; top:-400px; left:300px;
        border:1px solid #999999; background-color:#66cc33; z-index:2600;
    }
    
    #NoJobLinkPopup p { color:#333333; font-weight:bold; }
    
    #RestoringMessage
    {
        display:none; float:left; padding:0px;margin:0px;background-color:#66cc33;
        padding:1%;width:98%; color:#333333;  margin-bottom:10px;
		border:6px solid #444444;
    }
    
    #JobPopupModalBg
    {
        position:absolute; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:2000; visibility:hidden;
        opacity:0.7; filter:alpha(opacity=70);
    }
    
    #LinkedJobCachingWrapper { display:none; width:99%; }
    
    #SearchingMessage
    {
        display:none; background-color:#66cc33; color:#333333; font-weight:bold;
        float: left; margin:0px; padding:1%; width:98%;
		border:6px solid #444444;
    }
    
    
#FooterHelpRow
{
	display:block;
	float:left;
	width:930px;
	padding:10px;
	margin-top:10px;
	margin-bottom:0px;
	font-size:85%;
	background-color:#596659;
	color:#FFFFFF;
}
    
    
 /* -------- override main jobsearch.css job info popup display settings -------- */
    
#ViewJobPopup
{
    position:absolute; width:674px; height:350px; 
   /* background-color:#ffffff; */ color:#333333; 
    left:100px; top:30px; border:0px solid #333333;  z-index:2700; /* 4500; */
    padding:0px; overflow:visible; visibility:hidden;
}


/* jobInfoPopup header bar (conatins apply, send, store and close links) */

#ViewJobHeaderBar
{
    width:642px;float:left;background-color:#ffffff;text-align:right;margin:0px;padding:0px;
}

#JobDescriptionScrollWrapper
{
    float:left;background-color:#ffffff; padding-left:10px; width:461px;height:200px;
}

#ResetBtnWrapper
{
    float:left;margin:0px; padding:0px; margin-left:10px;
}
   
#SaveSearchBtnWrapper
{
    float:left; margin:0px; padding:0px;margin-left:10px;
} 

#RunSearchBtnWrapper
{
    float:left; margin:0px; padding:0px;
	
}

/*

#ClearBtn { width:70px; }

#SaveSearchBtn { width:70px; }

#RunSearchBtn { width:100px; }

*/

.inputLabel { font-weight:bold; }



#EventsAdvertsWrapper {
	width: 950px;
	height: 150px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	float:left;   /* new */
	overflow:visible;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
#EventsAdvertSlotOne {
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	overflow: visible;
}
#EventsAdvertSlotTwo {
	width: 324px;
	height: 150px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	display:block;
	overflow:visible;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #999999;
	border-left-color: #999999;
	text-align: center;
}
#EventsAdvertSlotThree {
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	float: left;
	display:block;
	overflow:visible;
}

.applyBtnLink
{
    background-image: url(http://ifa-voice.com/Navigation/NavButtonApplyForJobUp.png);
	background-repeat: no-repeat;
	background-position: top left;
    display:block; 
    width: 135px; height:28px;
}

.applyBtnLinkOver
{
    background-image: url(http://ifa-voice.com/Navigation/NavButtonApplyForJobOver.png);
	background-repeat: no-repeat;
	background-position: top left;
    display:block; 
    width: 135px; height:28px;
}

.redirectNote 
{
    color:#66cc33;
}