/******************************/
/* Postjob Generic Rules
/******************************/

.suExtraMargin {
	margin-top: 30px;
}

#page .specialArtisanBlock {
	top: 350px;
}

#page .specialConseilBlock {
	top: 472px;
}

#postJobPressReviews {
	width: 257px;
    height: 85px;
	position:absolute;
	top: 250px;
	right: 0px;
}


#page .postjobWrapper {
	height: 100%;
}

.postjobWrapper p {
	padding: 10px;
}

.postjobWrapper fieldset p {
	margin-left: 68px;
	text-align: left;
	padding: 5px;
	margin-bottom: 3px;
}

.postjobWrapper fieldset input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.postjobWrapper fieldset {
	border: 0px;
	clear: both;
	padding-bottom: 20px;
}

#page .hidden {
	height: 0px;
	width: 0px;
	display: none;
}

#page .postjobWrapper input.radioButton, #page .postjobWrapper input.checkbox {
	border: 0px;
}

.postjobWrapper fieldset input, .postjobWrapper fieldset select {
	height: 20px;
	width: 225px;
}

#page .postjobWrapper fieldset p.largeInput input, #page .postjobWrapper fieldset p.largeInput select {
	width: 400px;
}

.postjobWrapper fieldset label, .postjobWrapper fieldset input, .postjobWrapper fieldset select, #page .postjobWrapper p.radioField .questionDescription {
	display: block;
}
.postjobWrapper fieldset label img {
	vertical-align: bottom;
}

#page .postjobWrapper fieldset p.checkBoxField label,  #page .postjobWrapper fieldset p.checkBoxField input,  #page .postjobWrapper p.radioField label, #page .postjobWrapper p.radioField input{
	display: inline;
	width: auto;
	height: auto;
}

.postjobWrapper fieldset label,  #page .postjobWrapper p.radioField .questionDescription {
	margin-bottom: 3px;
}

.postjobWrapper fieldset h3 {
	display: block;
	padding-top: 8px;
	height: 30px;
	font-size: 1.25em;
	padding-left: 68px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
}

#page .postjobFirstStep {
	background-position: 30px -13px;
}

#page .postjobSecondStep {
	background-position: 30px -56px;
}

#page .postjobThirdStep {
	background-position: 30px -99px;
}

#page .postjobWrapper .floatingFields p {
	margin-left: 72px;
	_margin-left: 36px;
	_margin-right:-3px;
	padding-left: 0px;
	float: left;
	text-align: left;
}

#page .postjobWrapper p .postjobSubmit {
	background: url('../images/new_orange_button.png') top left no-repeat;
	width: 207px;
	height: 34px;
	background-position: 0 3px;
	border: 0px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

#page .postjobWrapper p.largeField {
	width: 100%;
}

#page .postjobWrapper .submitButtonContainer {
	margin-top: 20px;
	text-align: center;
}

#page .postjobWrapper .spanCity {
	font-weight: bold;
}

#freeStar.postjobStar {
	position: absolute;
	top: 30px !important;
	right: 136px;
	height: 94px;
	width: 94px;
}

.postjobWrapper #maximilesHundredImg {
	vertical-align: bottom;
}

#cnilInfos{
	clear: both;
	font-size: 0.8em;
	color:#666666;
}

#page .postjobWrapper a {
	color: #ff6600;
	font-size: 1em;
	text-decoration:none;
}

#page .postjobWrapper a:hover {
	text-decoration:underline;
}

#page p.maximilesBottomLogo {
	font-weight:bold;
}

/******************************/
/* FAQ Block
/******************************/
#faqBlock {
	width: 247px;
	position: absolute;
	margin-left: 54px;
	margin-bottom: 20px;
	background: url('../images/subuniverse_faq_bg.png');
	top: 660px;
	right: 0px;
}

#faqBlock ul {
	list-style-type: none;
	padding-left: 7px;
	padding-right: 10px;
}

#faqBlock li {
	padding-left: 27px;
	margin-bottom: 4px;
	background: url('../images/faq_icons.png') no-repeat top left;
}

#faqBlock a {
	color: #ff6600;
	text-decoration: none;
}

#faqBlock a:hover {
	text-decoration: underline;
}
#faqBlock div#contentBoxTop{
	overflow: hidden;
	color:#508dba;
	width:247px;
	height:78px;
	padding-left:30px;
	background: url('../images/Q_top.jpg') top left no-repeat;
}
#faqBlock div#contentBoxTop h2{
	color:#508dba;
	padding-left:5px;
	padding-top:8px;
	font-size:18px;
}
#faqBlock div#contentBoxTop h3{
	color:#508dba;
	padding-left:12px;
	font-size:13px;
}
#faqBlock p.faqBottom {
	clear: left;
	padding-top: 10px;
	text-align: center;  
	font-weight: bold;
	height: 27px;
	background: url('../images/subuniverse_faq_footer.png') top left no-repeat;
}

#faqBlock ul li.faq1 { background-position: 6px -1052px; } 
#faqBlock ul li.faq2 { background-position: 6px -626px; } 
#faqBlock ul li.faq3 { background-position: 6px -413px; } 
#faqBlock ul li.faq4 { background-position: 6px -200px; } 
#faqBlock ul li.faq5 { background-position: 6px -839px; }
/******************************/
/* Habitat Specific Rules
/******************************/

#page .habitatSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #508dba;
	font-size: 1.25em;
	padding-top: 8px;
}

.habitatSpecialSpeech strong {
	color: #508dba;
	text-transform: uppercase;
}

.habitatSUBlock .postjobWrapper h3 {
	background-color: #508dba;
	background: #508dba url('../images/hab_postjob_steps.png') top left no-repeat;
}

.habitatSUBlock select, .habitatSUBlock input, .habitatSUBlock textarea {
	border: 1px solid #508dba;
}

.habitatSUBlock #cnilInfos {
	border-top: 1px solid #508dba;
}

/******************************/
/* Services aux Entreprises Specific Rules
/******************************/
#page .servicesSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #cc7fe5;
	font-size: 1.25em;
	padding-top: 8px;
}

.servicesSpecialSpeech strong {
	color: #cc7fe5;
	text-transform: uppercase;
}

.servicesSUBlock .postjobWrapper h3 {
	background-color: #cc7fe5;
	background: #cc7fe5 url('../images/sae_postjob_steps.png') top left no-repeat;
}

.servicesSUBlock select, .servicesSUBlock input, .servicesSUBlock textarea {
	border: 1px solid #cc7fe5;
}

.servicesSUBlock #cnilInfos {
	border-top: 1px solid #cc7fe5;
}

/******************************/
/* Services à la personne Specific Rules
/******************************/
#page .servicesPersonneSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #ff86d9;
	font-size: 1.25em;
	padding-top: 8px;
}

.servicesPersonneSpecialSpeech strong {
	color: #ff86d9;
	text-transform: uppercase;
}

.servicesPersonneSUBlock .postjobWrapper h3 {
	background-color: #ff86d9;
	background: #ff86d9 url('../images/sap_postjob_steps.png') top left no-repeat;
}

.servicesPersonneSUBlock select, .servicesPersonneSUBlock input, .servicesPersonneSUBlock textarea {
	border: 1px solid #ff86d9;
}

.servicesPersonneSUBlock #cnilInfos {
	border-top: 1px solid #ff86d9;
}

/******************************/
/* Postjob Tooltips
/******************************/
.habitatTip-tip {
	color: #000;
	background: #f1f0f0;
	width: 300px;
	min-height: 50px;
	_height: 50px;
	text-align: left;
	border: 1px solid #508dba;
}

.habitatTip-text {
	padding: 8px;
}
.habitatTip-title {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #508dba;
}
/******************************/
/* Postjob Confirmation Page
/******************************/

/* Uses the .staticPageMainContent layout */
#page .postJobConfirmContent {
	margin-top: 24px;
	width: 678px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.specialPostJobBlock {
	background-color: #ededed;
	color: #4e8bb8;
	font-weight: bold;
	text-align: center;
	font-size: 1.25em;
	padding-top: 7px;
	padding-bottom: 7px;
	
}


#page div.postJobExtraMargin {
	margin-bottom: 40px;
}

.postJobConfirmTextContent p {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.postJobConfirmContent h2 span.arrowTitle {
		background: url('../images/arrow_title.png') top left no-repeat;
		padding-left: 25px;
		background-position: 0px 3px;
}

.postJobConfirmTextContent {
	height: 180px;
}

#page .postJobConfirmContent #credit h2, 
#page .postJobConfirmContent #assurance h2, 
#page .postJobConfirmContent #servicesPersonne h2 {
	padding-top: 0px;
}

#page .postJobConfirmContent #servicesPersonne {
	margin-left: 9px;
	_margin-left: 4px;
}

#page .postJobConfirmContent #assurance, #page .postJobConfirmContent #credit {
	margin-left: 8px;
}

#maximilesInfoBlock h3 {
	background: url('../images/maximiles_postjob_title.png') top left no-repeat;
	padding-left: 20px;
	color: #508dba;
	background-position: 3px 2px;
}

#maximilesInfoBlock {
	top: 221px;
	right: 0px;
}

#maximilesInfoBlock input {
	vertical-align: middle;
}

#maximilesInfoBlock label {
	display: block;
	margin-bottom: 5px;
}

#maximilesLogin {
	width: 170px;
	margin-right: 5px;
	height: 20px;
	border: 2px solid #ff6600;
}

#maximilesInfoBlock .maximilesGoButton {
	border: 0px;
}

#maximilesInfoBlock a {
	color: #ff6600;
}

#page #maximilesInfoBlock p {
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.maximilesPostJobLogo {
	margin-left: 50px;
	display: block;
}