/* 
    Document   : career
    Created on : Jan 28, 2010, 12:22:57 PM
    Author     : ccuser
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.career #mainNav{margin-bottom:0;}
.career .content{padding-top:0;}
.career .headArea{padding:30px 20px; margin:0 0 30px 0;}
* html .career .headArea{margin-top:-17px;}
.career .headArea, 
.career .application{border:solid #CCCCCC; border-width: 0px 1px 1px 1px; }

.career .subNavigation{position:absolute; margin:25px 0 0 10px;}
* html .career .subNavigation{margin-top:10px;}
.career h1{margin-top:35px;*margin-top:25px;}
/*
Fix IE6 Border Chaos
*/
* html .career .headArea,
* html .career .application{position:relative;}


#position-sales{margin-left:80px;}
#counter-manager-beauty-advisor{margin-left:37px;}

.career .headRight{float:right; width:200px; margin-top:35px; font-size:10px;}
.career .headRight *{font-size:11px;}
.career .headLeft{float:left; width:680px;}
.career .headArea hr{margin:10px 0;}
.headLeft img{float:left;}
.headLeft form{display:block; float:left; padding-left:30px; width:390px;}
.headLeft img,
.headLeft form{margin-top:25px; line-height: 150%;}
.headLeft form *{ font-size: 11px;}
* html .headLeft .dashedLine{padding-bottom:10px;}

.refine{font-style:italic; padding-top:15px;}
#state{margin-right:20px; width:60px;}
#city{width:215px;}
#keyword{width:240px; margin-right:40px;}
#searchButton{margin-bottom:-6px;}

.sorting{font-size:10px; font-style: italic;}
.sorting, .sorting a{ color:#6B6875;}
.sorting a{margin:0 8px;}
.sorting a.active{color:#A4021A;}

#sortDept,
#sortDate,
#sortStore,
.searchResults{display:none;}

.searchResults{width:700px;}
#landingContent,
.searchResults .item{padding-left:20px;padding-bottom:30px;}
.searchResults .item *{font-size:12px !important; line-height: 145% !important; font-family: Helvetica, Verdana, Geneva, sans-serif; text-indent:0 !important;}
.searchResults p{margin-left:0 !important;margin-right:0 !important;}

#landingContent,
#searchResults{*padding-top:30px;}

#results .loading,
#results .error{display:block; text-align: center; padding:10px 0px 100px 0px; color:#666666;}

.application .headArea{border:none;padding-bottom:0; margin-bottom:0;}
.application h2{color:#6B6875;padding-bottom:5px; font-size: 22px; line-height:normal;}
.application form{margin:0; padding-top:5px; line-height: 200%;}
.application .formArea{padding:0 40px 10px 40px;}
.application .required{color:#A4021A;}
.application .stepOne input,
.application .stepOne select{margin-left:10px;}

.application .fieldHead{margin:15px 0 0px 0; display:block; padding:0;}
.application form{line-height: 260%;width:640px;}
.application .dateAvailable{margin-top:10px;}
.application .month,
.application .day{width:30px;}
.application .year{width:60px;}
.application .dateAvailable input{margin-left:5px;}

.application .sectionHead{font-size:16px;}



#Address{width:163px;}
#Address,
#FirstName,
#LastName{margin-right:30px;}
#AptSuite{width:167px;}
#Email{margin-left:13px;}

#PhoneNumber1,
#PhoneNumber2,
#PhoneNumber3,
#employment-phone1,
#employment-phone2,
#employment-phone3{margin-right:3px;}

#PhoneNumber1,
#PhoneNumber2,
#employment-phone1,
#employment-phone2{width:25px;}

#PhoneNumber2,
#PhoneNumber3,
#employment-phone2,
#employment-phone3{margin-left:0px;}

#PhoneNumber3,
#employment-phone3{width:30px;margin-right:40px;}

#ZipCode{width:85px;}
#City{width:187px;}
#AptSuite{width:85px;}
#MiddleInitial{width:20px;}

label.emailConfirm{margin-left:205px;}
label.contactPref{display:block; margin-bottom:-10px; margin-top:10px;}
#contactPref{width:180px; margin:0 350px 0 0;}
.stepOne #state{width:80px;}

.application{color:#6B6875;
font-size:12px;
line-height:145%;}

/***************************
Application Page 2
****************************/
.stepTwo 
* html .stepTwo .fieldHead{margin-bottom:0;}
.stepTwo .prefer label{margin-right:15px;}

.ifYes .left{float:left; display:block;margin-right:20px;width:auto;}
.ifYes label{margin-right:10px;}

/**********************************
Application Page 3
**********************************/
.stepThree form textarea{width:460px; height:60px;}
.stepThree form label{margin-right:10px;}

/***********************************
Application Page 4
************************************/
.stepFour .agreement{width:450px; height:190px; overflow:auto; border: solid 1px #CCC; padding:10px; margin-bottom:15px; margin-top:10px;}
* html .stepFour .agreement{overflow:scroll;}