/* -------------------------------------------------------------------------- */
/* Seeker Homepage Specific Styles */

/*  TOP NAVIGATION AREA */

#TopMenuBarSeeker
{
    background:#FFF url('/images/sTopNavBack.png') no-repeat;
    height:66px;
    width:945px;
}

#MainMenuSeeker
{
	position: relative;
    float:left;
    padding-left:12px;
	padding-top: 30px;
}

#MainMenuSeeker.home
{
	padding-left: 136px;
}

#MainMenuSeeker ul li.home
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#MainMenuRight
{
    float:right;
/*    width:100;  */
    padding-right:12px;
	padding-top: 9px;
}

.MainMenuSocial
{
    padding-right:6px;   
}

#MainTopArea
{
    width:945px;
}

#HdnTopArea
{
    width:945px;
	margin: -20px 0 0 -20px;
	
}

#MainTagline
{
    float:right;
    padding:38px 3px 0 0;
}

/*  TOP TABS */

#MainTabs
{
    float:left;
	margin-top: -29px; 
	padding-left: 204px;	
}

#HdnTabs
{
    float:left;
	margin-top: -29px; 
	padding-left: 214px;
}

.MainTabItem
{
	float:left;
    padding-right:4px;
    vertical-align:top;
}

/*  SPECIAL LOGIN BOX WITH DOG */
#LoginBoxSeeker
{
    float:right;
    padding:5px 0 0 0;
    width:244px;
}

#LoginBoxTopSeeker
{
   background:#FFF url('/images/LoginBoxTop.png') no-repeat;
   height:8px;
   margin-left:15px;
   width:229px;
}

#LoginBoxMidSeeker
{
   background:#FFF url('/images/LoginBoxRepeat.png') repeat-y;
   margin-left:15px;
   width:229px;
    height:120px;
}

#DogPhotoTop
{
    background-position:1px;
    background-image:url('/images/sDogPhotoTop.png');
    background-repeat:no-repeat;
    height:25px;
    width:244px;
}

#HdnTopArea #DogPhotoTop
{
	background-image:url('/images/sLoginBoxBottom-nodog.png');
}

/*  SEARCH AREA */

#MainSearchArea
{
    color:#FFF;
    background-image:url('/images/sSearchAreaBack.png');
    background-repeat:no-repeat;
    float:left;
    height:184px;
    line-height:1.3em;
    width:945px; 
}

.MainSearchAreaLink
{
   color:#DCC171; 
}

#MainSearchArea a:link, #MainSearchArea a:visited
{
    color:#DCC171;
    text-decoration:underline;
}

#MainSearchArea a:hover
{
    text-decoration:none;
}

#MainSearchAreaLeft
{
	float:left;
    padding-top:5px;
	width:365px;
}

#MainSearchAreaLeft div h2
{
    font-weight:normal;
    font-size:12px;
    margin:0;
    padding:0;
}

#MainSearchArea h1
{
    color:#AFA587;
    font-size:15px;
    line-height:1.3em;
}

#MainSearchAreaLeft div
{
    float:left;   
}

.MainSearchFieldTitles
{
    padding:23px 0 0 38px;
}

.MainSearchFieldTitles p
{	
	height:31px;
	padding-bottom:7px;
}

.MainSearchField
{
	float:left;
	padding:18px 0 0 0;
	width:298px;
}

.MainSearchField p
{	
	padding-bottom:7px;
}

.MainSearchField input
{
    border:solid 3px #988E71;
    color:#999;
    font-size:15px;
    height:25px; 
    width:292px;
}

/* RUMOR MILL COMPONENT */

#MainRumorArea
{
    color:#57381E;
    font-size:11px;
    line-height:1.3em;
    float:left;
    padding:20px 10px 20px 19px;
    width:278px;

}

#MainRumorArea div, #MainRumorArea p
{
    margin:0 0 10px 0;
}


/* RUMOR MILL COMPONENT for "Tell Ranger" splash*/
#MainRumorArea.tellRanger
{
    color:#57381E;
    font-size:11px;
    line-height:1.3em;
    float:left;
    padding:20px 10px 20px 19px;
    width:278px;
	text-align: center;
	/* background: #FFFFFF url('/images/sRumorAreaBack.png') no-repeat top left;*/
}

#MainRumorArea.tellRanger h1
{
	display: none;
}

#MainRumorArea.tellRanger ul
{
	margin-top: 20px;
	margin-left: 160px;
}

#MainRumorArea.tellRanger ul li
{
	margin-bottom: 10px;
}


/* END "Tell Ranger" RUMOR MILL COMPONENT */


#MainRumorArea input
{
    border:solid 1px #AFA587;
    color:#999;
    font-size:11px;
    height:18px; 
    width:160px;
    vertical-align:top;
}

.MainRumorAreaResultBox
{
    background:#F2EFE6;
    float:left;
    padding:10px 5px 0 10px; 
    width:262px;
}

.MainRumorAreaResultBox table
{
    padding-bottom:7px;
}

.MainRumorAreaResultBox td
{
    padding:0 7px 5px 10px;
}

.MainRumorTitle, .MainRumorLocation
{
    width:127px;
}

/*  RIGHT AREA (NEWS, FEATURED, AD) */

#MainRightArea
{
    color:#57381E;
    font-size:11px;
    line-height:1.3em;
    float:left;
    padding:20px 0 0 19px;
}

#MainLowerRightArea
{
    background-image:url('/images/dashedLineVert.png');
    background-repeat:repeat-y;
    float:left;
    margin-bottom:20px;
}

/*  NEWS AREA */

#MainNewsArea
{
    float:left;
    padding:0 22px 0 19px;
    width:181px;
}

#MainNewsArea a:link, #MainNewsArea a:visited
{
    color:#57381E;
    text-decoration:none;
}

#MainNewsArea a:hover
{
    color:#900;
    text-decoration:underline;
}

.MainNewsAreaResultBox
{
    float:left;
    padding:10px 10px 10px 0; 
    width:181px;
}

.MainNewsAreaResultBox td
{
    padding:0 7px 5px 0;
}

.MainNewsDate
{
    font-weight:bold;
    width:32px;   
}

.MainNewsTitle
{
    width:126px;
}

/*  FEATURED AREA */

#MainFeaturedArea
{
    float:right;
    padding-left:16px;
    width:381px;
}

#MainFeaturedAreaTop
{
    background:#FFF url('/images/sFeaturedTop.png') no-repeat;
    height:11px;
    width:381px;
}

#MainFeaturedAreaMiddle
{
    background:#FFF url('/images/sFeaturedRepeat.png') repeat-y;
    width:381px;
}

#MainFeaturedAreaBottom
{
    background:#FFF url('/images/sFeaturedBottom.png') no-repeat;
    height:8px;
    width:381px;
}

.MainFeaturedAreaResultBox
{
    float:left;
    padding:10px 10px 10px 13px; 
    width:358px;
}

.AltColor
{
    background:#F2EFE6;
}

.MainFeaturedAreaResultBox td
{
    padding:3px 0 3px 5px;
}

.MainFeaturedTitle
{
    padding-left:5px;
    padding-right:20px;
    width:100px;   
}

.MainFeaturedCompany
{
    width:135px;
}

.MainFeaturedLocation
{
    width:120px;
}

.FJRow {
   background-color:#ede3c9;
}

.AltFJRow {
   background-color:White;
}

/*  AD AREA */

.MainAdArea
{  
}

/* Styles for the Tell Ranger Announce Page */

#TellRangerSearchResultsText.Lead
{
	background: url('/images/sRangerLeadTextBack.png') no-repeat top left;
    margin-left: -20px;
	margin-top: 20px;
	height: 155px;
	padding: 14px 25px 0 180px;
}

#TellRangerSearchResultsText p
{
	color: #FFF;
	margin-top: 4px;
}

#TellRangerSearchResultsText a
{
	color: #dcc171;
	margin-top: 4px;
}

#HiddenMarketArea
{
	background: url('/images/sRangerAnnounceTextBack.png') no-repeat top left;
	padding: 0px 0px 30px 0px;
	width:945px; 
	float: left;
	margin-left: -20px;
}


#HiddenMarketArea .big
{
	font-size: 16px;
}

#HiddenMarketArea.Lead
{
	background: url('/images/sRangerLeadTextBack.png') no-repeat top left;
}

#HiddenMarketArea p
{
	
	/*olor: #57381e;*/
	color: #FFFFFF;
	margin-top: 10px;
}

#HiddenMarketArea .highlighted
{
	color: #dcc171;
	font-weight: bold;
}

#HiddenMarketArea a
{
	color: #dcc171;
}

#HiddenMarketText
{
	clear: both;
	margin: 0;
	font-size: 16px;
	margin-top: 17px;
}

#HiddenMarketText .italic
{
	font-style: italic;
}

#HiddenMarketText .HdnMarketColumn
{
	float: left;
	width: 420px;
	margin-left: 30px;
}

#TellRangerLeadForm
{
	background: url('/images/sRangerLeadFormBack.png') no-repeat top left;
	height: 294px;
}



#TellRangerFormProfile textarea
{
	width: 210px;
	height: 50px;
	border: 1px solid #69492b;
	margin: 0px;
	padding: 0px;
}

/* Tell Ranger Job Lead specific style */

#TellRangerLeadFormSearch h1
{
	background: url('/images/sRangerLeadFormSearchHeader.png') no-repeat left top;
}


#TellRangerLeadFormSearch p.field
{
	margin-top: 55px;
}


#TellRangerLeadFormSearch select
{
	width: 86px;
	border: 1px solid #69492b;
	margin-left: 46px;
}

#TellRangerLeadFormSearch input[type=text]
{
	width: 182px;
}


#TellRangerLeadFormSearch .ContentButton
{
	padding-right: 80px;
	margin-top: 15px;
}

#TellRangerLeadFormSearch input[type=image]
{
	margin-left: 10px;
}


#TellRangerLeadFormSubmit h1
{
	background: url('/images/sRangerLeadFormSubmitHeader.png') no-repeat left top;
}

#TellRangerLeadFormSubmit .field span
{
	width: 160px;
}

#TellRangerLeadFormSubmit textarea
{
	width: 210px;
	height: 42px;
	border: 1px solid #69492b;
	margin: 0px;
	padding: 0px;
}


#TellRangerForm input[type=image]
{
	float: right;
	width: auto;
	margin-top: 10px;
}


/* Job View Page */

#sViewJobContent
{
}

.sViewJobOverview
{
margin-bottom: 0px;
}

.sViewJobOverview h1
{
	background: url('/images/sViewJobOverviewHeader.png') no-repeat left top;
	height: 16px;
}


.sViewJobOverview td:first-child
{
	text-align: right;
	font-weight: bold;
	width: 128px;
}

.sViewJobOverview td
{
	vertical-align: top;
	padding-top: 1px;
}

#OverviewRight.sViewJobOverview
{
	padding-top: 48px;
}

#sViewJobDescription
{
	padding-left: 40px;
	width: 800px;
	background: url('/images/dynContentBack.png') repeat-y left top;
	margin-bottom: 0;
	margin-top: 0;
}



#sViewJobDescription h1
{
	background: url('/images/sViewJobDescriptionHeader.png') no-repeat left top;
	height: 16px;
	margin-left: -20px;	
}

#sViewJobDescription ul
{
	margin-left: 20px;
}


/* Job Search Results - Search Criteria Form */

#sJobSearch
{
	background: url('/images/sJobSearchBack.png') no-repeat left top;
	height: 164px;
}

#sJobSearch div.ContentColumn
{
	width: 250px;
	height: 70px;
	padding-top: 0px;
}


#sJobSearch div.ContentColumn p
{
	font-weight: bold;
}

#sJobSearch div.ContentColumn p span
{
	font-weight: normal;
}


/* Log in/ Registration form */

#sLogin
{
	background: url('/images/sLoginBack.png') no-repeat left top;
	height: 294px;
}

#sLoginAlreadyReg
{	
}

#sLoginRegister
{
	float: right;
	margin-right: 40px;
}

#sLogin .ContentButton
{
	padding: 0 42px 0 100px;
	margin-top: 14px;
}

#sLoginForgotPass .ContentButton
{
	padding-left: 40px;
}

#sLogin .ContentButton input[type=image]
{
	margin-left: 12px;
}

#sLoginAlreadyReg h1
{
	background: url('/images/sLoginAlreadyRegHeader.png') no-repeat left top;
}

#sLoginForgotPass h1
{
	background: url('/images/sLoginForgotPassHeader.png') no-repeat left top;
}

#sLoginRegister h1
{
	background: url('/images/sLoginRegisterHeader.png') no-repeat left top;
}

.dynContentTopJSR {
    width:100%;
	background: url('/images/JSCbgtop.png') no-repeat left top;
}

.dynContentJSR
{
  width:100%;
    background: url( '/images/JSCbgmiddle.png' ) repeat-y left top;
    float:left;
     margin-bottom: 20px;
}

.tmpContentCol {
    float:left;
	width: 250px;
	padding: 20px 20px 0 20px;
}

.dynContentBottomJSR {
   width:100%;
	background: url('/images/JSCbgbottom.png') no-repeat left bottom;
}

.dynContentJSRButtons {
    background: url( '/images/JSCbgmiddle.png' ) repeat-y left top;
}

/* Job Seeker Secure Home Page */

#sSecureHome
{
	background: url('/images/dynContentBack.png') repeat-y left top;
}

#sSecureHome .ContentColumn
{
	width: 845px;
	padding-right: 30px;
}

#sSecureHome p
{
	font-weight: bold;
}

#sSecureHome ul
{
	margin-left: 30px;
	margin-top: 10px;
}


/* Job Seeker Resources Page */

#sResources .ContentColumn
{
	margin-top: -70px;
}

#sResources .ContentColumn h1
{
	padding-top: 20px;
}

#sResources .ContentColumn h1 span
{
	color: #990000;
	font-size: 16px;
	display: inline;
}

#sResources .dynContentClear
{
	height: 20px;
}

/* industry careers page */

#sIndustryCareers
{
	background: url('/images/dynContentBack.png') repeat-y left top;
	padding-left: 60px;
	padding-bottom: 10px;
	width: 840px;
	padding-right: 20px;
}

#sIndustryCareers h1
{
	margin-top: -30px;
	background: url('/images/sIndustryCareersHeader.png') no-repeat left top;
}

#sIndustryCareers p
{
	margin: 5px 0;
}

#sIndustryCareersColumnContainer
{
	background: url('/images/sIndustryCareersDashedLine.png') repeat-y left top;
	margin-top: 15px;
	padding-bottom: 15px;
}

#sIndustryCareersColumnContainer .dynContentColumn
{
	width: 170px;
	padding-right: 40px;
	float: left;
}

#sIndustryCareersColumnContainer .dynContentColumn ul
{
	list-style-type: none;
}

#sIndustryCareersColumnContainer .dynContentColumn li
{
	margin-bottom: 10px;
}

#TellRangerCompFormHeader {
	background: url('/images/sTellRangerCompFormHeader.png') no-repeat left top;
	margin-top: 15px;
	margin-left: 15px;
	height: 35px;
	width: 885px;
}

#TellRangerCompFormHeader img {
	margin-top: 15px;
	margin-left: 15px;

}

#TellRangerCompletionForm {
	position: relative;
	float:left;
	margin-left: 0px;
}

#TellRangerCompFormContent {
	background: url('/images/sTellRangerCompFormContentr.png') repeat-y left top;
	margin-left: 15px;
	float:left;
	width: 885px;
}

#TellRangerCompFormTarget {
   float:left;
	width: 400px;
	padding: 20px 20px 0 20px;

}

#TellRangerCompFormTarget p.field {
    padding-top: 4px;
    width:375px;
    clear:both;
}

#TellRangerCompFormTarget .field span {
    font-weight:bold;
    padding-right: 5px;
}

#TellRangerCompFormProfile {
   float:left;
	width: 400px;
	padding: 20px 20px 0 20px;

}


#TellRangerCompFormProfile p.field {
    padding-top: 4px;
    width:375px;
    clear:both;
}

#TellRangerCompFormProfile .field span {
    font-weight:bold;
    padding-right: 5px;
}

#TellRangerCompFormFooter {
	background: url('/images/sTellRangerCompFormFooter.png') no-repeat left top;
	margin-left: 15px;
	margin-bottom: 15px;
    height:30px;
}

        #TellRangerJobLeadContentForm
        {
            width: 885px;
        }
        #TellRangerJobLeadFormHeader
        {
            background: url(    '/images/sTellRangerCompFormHeader.png' ) no-repeat left top;
            margin-top: 15px;
            margin-left: 15px;
            height: 35px;
            width: 885px;
        }
        #TellRangerJobLeadFormContent
        {
            background: url(   '/images/sTellRangerCompFormContentr.png' ) repeat-y left top;
            margin-left: 15px;
            float: left;
            width: 885px;
        }
        #TellRangerJobLeadFormFooter
        {
            clear: both;
            background: url(   '/images/sTellRangerCompFormFooter.png' ) no-repeat left top;
            margin-left: 15px;
            margin-bottom: 15px;
            height: 30px;
            width: 885px;
        }
        #TellRangerJobLeadFormSearch
        {
            width: 350px;
            margin-left: 30px;
            float: left;
            margin-top: -16px;
        }
        #TellRangerJobLeadForm
        {
            margin-left: 40px;
            width: 400px;
            float: left;
        }

        .TellRangerJobLeadHeaderImages
        {
            width: 400px;
            float: left;
             margin-top: 20px;
             margin-left: 40px;
        }
        
        .JLContentColumn {
              float:left;
              width:400px;
              margin-left: 20px;
              margin-top: -15px;
        }
        
         .JLContentColumn p.field {
              clear:both;
              margin-left: 20px;
              margin-top: 6px;
        }
        
         .JLContentColumn p.field span {
             font-weight:bold;
             color: #69492B;
            float: left;
            padding-right: 6px;
            text-align: right;
            width:150px;
        }
        
        .JLContentColumn div.imgheader {
            margin-left: 20px;
            
        }
        
       .JLContentColumn input[type=text] {
                border: 1px solid #69492B;
                margin: 0px;
                padding: 0px;
                width: 210px;
        }  
        
       .JLContentColumn textarea {
                border: 1px solid #69492B;
                margin: 0px;
                padding: 0px;
                width: 210px;
        }