.cboth{
	height : 0px;
	clear:both;
}

img{
	border : 0px;
}

a{
	text-decoration : none;
	/* color : #418994;*/
	color : #202020;
}
a:visited{
	color : #202020;
}

a:hover{
	text-decoration: underline;
	color : #666666;
}
/**/
.green{
	color : #47ad00;
}

.red{
	color : #ff0000;
}


html{
	padding : 0px;
	margin : 0px;
	height : 100%;
}

body{
	font-family : "Trebuchet MS", Helvetica, Geneva;
	margin : 0px;
	padding : 0px;
	font-size : 12px;
	height : 100%;
	background-image: url(images/bgBody.png);
	background-repeat: repeat-x;
	background-position: top center;
	text-align: justify;
}

.feedback.success{
	background-color: #dcfec4;
	border : 1px solid #47ad00;
	padding : 30px;
	margin : 0px 20px 20px 20px;
	clear:both;
}

.feedback.error{
	background-color: #ffe5e5;
	border : 1px solid #ff0000;
	padding : 30px;
	margin : 0px 20px 20px 20px;
	clear:both;
}

#feedback{
	display: none;
}

.green{
	color : #47ad00;
}

.red{
	color : #ff0000;
}



#global { height: 100%; }

body > #global {height: auto; min-height: 100%;}

#container { padding-bottom: 150px; }  

.clearfix:after {content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

#container #header{
	height: 43px;
	overflow: hidden;
}

#container #header #logo a{
	background-image: url(images/beebamSmall.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 186px;
	height: 59px;
	float: left;
	margin-top: 5px;
}

#container #header #topBar{
	float: right;
	background-image: url(images/topBar.png);
	background-repeat: no-repeat;
	width: 604px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding: 0px 30px 0px 35px;
}

#container #header #topBar a{
	color: #ffbe23;
	font-weight: bold;
	margin-right: 10px;
}

#container #header #topBar #homeLinkTopBar{
	background-image: url(images/homeTopBar.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	float: left;
	margin-right: 15px;
}
#container #header #topBar #homeLinkUpgrade{
	padding-left: 20px;
	float: left;
	margin-right: 15px;
}


#container #header #topBar{
	color: #afafaf;
}

#container #header #topBar #dashboardLinkTopBar{
	background-image: url(images/dashboardTopBar.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	color: #afafaf;
	float: left;
}

#container #header #topBar #signInCreateAccountTopBar a{
	margin-right: 0px;
}

#container #header #topBar #leftSideTopBar{
	float: left;
	width: 250px;
}
#container #header #topBar #leftSideTopBar a,#container #header #topBar #leftSideTopBara:visited{
	color:#ffbe23;
	text-decoration: none;
}
#container #header #topBar #leftSideTopBar a:hover{
	text-decoration: underline;
}

#container #header #topBar #rightSideTopBar{
	float: right;
	width: 350px;
	text-align: right;
}

#container #banner{
	background-image: url(images/shadowOrangeBar.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 90px;
	width: 100%;
	line-height: 90px;
	color: #FFF;
	font-size: 15px;
}

#container #banner .buttonAction{
	float: right;
}


#container #banner .buttonAction a, a.buttonFeed{
	float: left;
	line-height: 35px;
	padding: 0px 10px;
	margin: 25px 3px;
	/*border: 1px solid #0075B4;*/
	/*background-color: #0075B4;*/
	border: 1px solid #E7AC20;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius : 5px;
	color: #333333;
	font-weight: normal;
	font-size: 13px;
}

.business #container #banner .buttonAction a, .business a.buttonFeed{
	border: 2px solid #008CCA;
	color: #FFF;
}

#container #banner .buttonAction a:hover, a.buttonFeed:hover{
	background: #FFBE23;
	text-decoration: none;
}
.business #container #banner .buttonAction a:hover, .business a.buttonFeed:hover{
	background-color: #008CCA;
}

#container .listMainLinks{
	text-align: center;
}

#mainContent{
	width: 960px;
	margin-top: 8px;
}

#mainContent.greyBg{
	background-image: url(images/bgJobOffer.png);
	background-repeat: no-repeat;
	background-position: top center;	
}

#mainContent.withRightSidebar{
	width: 710px;
	float: left;
}

#rightSidebar{
	width: 250px;
	float: left;
	background-color: #F1F1F1;
	height: 600px;
}

#mainContent #platiniumLogo{
	background-image: url(images/platinium-tag.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 121px;
	height: 84px;
	position: absolute;
	margin-top: -5px;
	margin-left : 843px;
}

#mainContent #goldLogo{
	background-image: url(images/gold-tag.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 121px;
	height: 84px;
	position: absolute;
	margin-top: -5px;
	margin-left : 843px;
}


#mainContent #topAds{
	background-image: url(images/fond-banniere.png);
	background-repeat: repeat-x;
	background-position: center center;
	height: 91px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius : 10px;
}

#mainContent #topAds #logoAd{
	height: 77px;
	float: left;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 7px;
	padding-right: 20px;
	text-align: center;
}

#mainContent #topAds h1{
	font-size: 30px;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	/*color: #333;*/
	color: #666;
	text-transform: capitalize;
	margin: 0px;
}

#mainContent #topAds h2{
	padding: 0px;
	margin: 0px;
	font-size: 22px;
	font-style: italic;
	color: #333;
	font-weight: normal;
}

#mainContent #sidebarAd{
	clear: both;
	width: 220px;
	float: left;
	padding-left: 0px;
	padding-right: 25px;
	color: #000;
}

#mainContent #sidebarAd div{
	width: 219px;
	background-image: url(images/fond-menus-gauche.png);
	background-repeat: repeat-y;
	background-position: center center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 20px;
}

#mainContent #sidebarAd h3{
	font-size: 16px;
	font-weight: normal;
	background-color: #ffbe23;
	padding: 5px 20px 3px 20px;
	margin: 0px 0px 10px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #333;
}

#mainContent #mainAdGlobal{
width: 715px;
float: left;
padding-top: 7px;
text-align: justify;
color: #333;
}

#mainContent #mainAd{
	padding: 30px;
	border : 1px solid #E6E6E6;
}

#mainContent #mainAdTop{
	background-image: url(images/ombre-detailOffre-top.png);
	background-repeat: no-repeat;
	height: 15px;
	width: auto;	
	background-position: center;
}

#mainContent #mainAdBottom{
	background-image: url(images/ombre-detailOffre-bottom.png);
	background-repeat: no-repeat;
	height: 15px;
	width: auto;
	
	background-position: center;
}


#mainContent #mainAdBottom{

}

#mainContent #sidebarAd ul li{
	padding: 5px 15px;
	border-bottom: 1px solid #DFDFDF;
}

#mainContent #mainAd h3{
	font-size: 18px;
	font-weight: normal;
	margin-top : 0px;
}

#mainContent h3, #mainContent .labelAd{
	color: #5b5b5b;
}

#mainContent .labelAd{
	font-weight: normal;
}

#mainContent{
	color: #909090;
}

#mainContent ul {
	margin: 0px;
	padding: 0px;
}

#mainContent ul li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#mainContent #categoriesAd a{
	color: #3ca3e5;
}

#mainContent #websiteAd a{
	color: #3ca3e5;
}

#mainContent #moreInfoAd ul li{
	line-height: 30px;
	height: 30px;
}
#mainContent #moreInfoAd li a{
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 20px;
	height: 20px;
	display: block;
	margin:  5px 0px 5px 0px;
}

#mainContent #moreInfoAd #addToFavAd a{
	/*width : 20px;
	height : 20px;
	margin-top : 5px;
	background-image : url('images/hearth.png');
	background-position : 0 0px;*/

	background-image: url(images/hearth.png);
	background-position : 0 0px;
}

#mainContent #moreInfoAd #addToFavAd a.selected{
	background-position : 0 -48px;
}

#mainContent #moreInfoAd #addToFavAd a:hover{
	background-position : 0 -24px;
}


#mainContent #moreInfoAd #contactRecruiter a{
	background-image: url(images/contact.png);
}
#mainContent #moreInfoAd #contactProfile a{
	background-image: url(images/contact.png);
}
#mainContent #moreInfoAd #facebookAd a{
	background-image: url(images/facebook.png);
}
#mainContent #moreInfoAd #twitterAd a{
	background-image: url(images/twitter.png);
}
#mainContent #moreInfoAd #downloadAd a{
	background-image: url(images/download.png);
}
#mainContent #moreInfoAd #exclamationMark a{
	background-image: url(images/exclamationMark.png);
}
#mainContent #moreInfoAd #editAd a{
	background-image: url(images/iconEdit.png);
}

#mainContent .quickApply{
}

#mainContent .quickApply a{
	background-image: url(images/quickApplyTop.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	line-height: 44px;
	height: 44px;
	width: 186px;
	padding-left: 23px;
	padding-top: 0px;
	font-size: 11px;
}

#mainContent .quickApply a:hover{
	background-position: top center;
	text-decoration: none;
}

.orange{
	color: #e5a202;
}

#mainContent .quickApply a:hover{
	color: #000;
}

#mainContent #quickApplyTop{
position: absolute;
margin-left : 493px;
margin-top : -60px;
font-size: 10px;
}

#mainContent #howToAnswerDiv{
	background-color: #FFBE23;
	background-image: url('images/bgHowToAnswer.png');
	background-repeat: repeat-x;
	width: 600px;
	margin: auto;
	padding: 15px 10px 10px 10px;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	text-align: left;
}
#mainContent #howToAnswerDiv span{
	font-weight: bold;
}

.detailsProfile #mainContent h3{
	padding: 20px 0px 10px 0px;
	margin: 0px;
}

.detailsProfile #mainContent h3#profileDetailsH3Top{
	padding-top: 0px;
}
.detailsProfile #mainContent p{
	margin-top: 0px;
}

#mainContent #relatedAd{
	clear: both;
	padding: 30px 0px 20px 0px;
}

#mainContent #relatedAd #listRelatedAds .voidplaceholder{
	width: 100%;
	display: block;
	float: none;
}

#mainContent #relatedAd h3{
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
	padding: 10px 20px;
	margin: 0px;
	background-image: url('images/bgRelatedTitle.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	color: #333;
}

#mainContent #relatedAd.profiles h3{
	background-color: #008dcb;
	color: #FFF;
}

#mainContent #relatedAd.ads h3{
	background-color: #FFBE23;
}

#mainContent #relatedAd #listRelatedAds{
	border: 1px solid #E7E7E7;
}

#mainContent #relatedAd #listRelatedAds div{
	float: left;
	width: 214px;
	padding: 10px;
}

#mainContent #relatedAd #listRelatedAds div.relatedSeparator{
	width: 2px;
	background-image: url(images/trait.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 112px;
}

#mainContent #relatedAd #listRelatedAds div.last{
	border-right: 1px solid transparent;
}

#mainContent #relatedAd #listRelatedAds div h1{
	font-size: 24px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	color: #000;
	font-weight: normal;
}

#mainContent #relatedAd.profiles #listRelatedAds div a{
	color: #008dcb;
}

#mainContent #relatedAd.ads #listRelatedAds div a{
	color: #FFBE23;
}

#footer{
	background-image: url(images/bgFooter.png);
	background-repeat: repeat-x;
	background-position: top center;
	padding-top: 40px;
	position: relative;
	margin-top: -140px;
	height: 180px;
	clear:both;
	color: #FFF;
}

#footer #newsletter a{
	margin-left: 0px;
}

#footer #newsletter ul{
	border-right: none;
}
#footer a{
	color: #ffc220;
}

#footer ul li a.blackButton{
	color: #ffbe23;
}


#footer #footer-inner{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#footer h2{
	color : #FFBE23;
}
#footer #footer-inner div{
	width:240px;
	float:left;
}

#footer ul{
	border-right: 1px solid #616161;
}

#footer ul li{
	list-style-type: none;
	line-height: 25px;
}

#footer ul li a {
	color:#FFF;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color:#FFBE23;
}



/* @group mybeebam */

#container.myBeebam #sideLeft, #container.myBeebam.listing #sideLeft{
	width: 219px;
	margin-right: 15px;
	float: left;
}

#container.myBeebam #sideLeft ul, #container.myBeebam #sideLeft li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}



#container.myBeebam #sideLeft #sideMyBeebam{
	background-image: url(images/bgTopSidebarMyBeebam.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 29px;
	background-color: transparent;
	line-height: 29px;
}


#container.myBeebam #sideLeft #sideMyBeebam a{
	padding:  0px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
}

#container.myBeebam #sideLeft #sideMyBeebam a:hover{
	color: #FFF;
	text-decoration: underline;
	background-image: none;
}

#container.myBeebam #sideLeft li{
	line-height: 42px;
	border-bottom: 1px solid #e3e3e3;
	background-color: #f6f6f6;
}
#container.myBeebam #sideLeft li a{
	display: block;
	padding-left: 45px;
	font-size: 16px;
	color: #676767;
}
#container.myBeebam #sideLeft li a:hover, #container.myBeebam #sideLeft li.selected a{
	background-image: url(images/bgSelectedSidebarMyBeebam.png);
	background-position: top center;
	background-repeat: repeat-x;
	color: #ffbe23;
	text-decoration: none;
}


#container.myBeebam #mainContent{
	border : 1px solid #e5e5e5;
	float: left;
	width: 664px;
	margin: 0px;
	padding: 15px 30px;
	background-color: #FFF;
}

#container.myBeebam.stats #mainContent{
	border: none;
	padding: 0px;
}

#container.myBeebam.stats #mainContent #statsSelectAd{
	border : 1px solid #e5e5e5;
	padding: 15px 30px;

}


#container.myBeebam.stats #mainContent #statsGraph{
	margin: 15px 0px 15px;
	width: 450px;
	height: 300px;
	float: left;
}

#container.myBeebam.stats #mainContent #statsIndicators{
	float: left;
	width: 200px;
	padding-top: 30px;
}

#container.myBeebam.stats #mainContent #statsIndicators div{
	background-color: #EFEFEF;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	margin-bottom: 20px;
	padding: 6px;
}

#container.myBeebam.stats #mainContent #statsIndicators h4{
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#container.myBeebam.stats #mainContent #statsIndicators h2{
	font-size: 28px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#container.myBeebam #mainContent.form{
	background-color: #3590C9;

}

#container.myBeebam h2{
	color: #000;
	font-weight: normal;
}

#container.myBeebam #sendFeed input[type=text]{
	width: 400px;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
}

#container.myBeebam #deletePhoto{
	display: inline-block;
}

/* @group Listing*/

.listing #mainContent{
	float : left;
	width : 759px;
}

.myBeebam.listing #main #mainContent{
	float:left;
	clear : none;
}

.listing #filters{
	float : left;
	width : 180px;
	margin-left: 10px;
	padding-left: 10px;
}



.listing #main #tabs ul
{
	list-style: none;
	margin: 20px 0 0 20px;
	padding: 0px 30px 0px 30px;
	border-bottom : 1px solid #d4d4d4;
	height : 30px;
	width : auto;
}
.listing #main #tabs li
{
	float: left;
	margin: 0;
}

.listing #main #tabs li a:hover{
	background-color : #F9F9F9;
	background-image : none;
}

.listing #main #tabs li a.first{
	border-left: 1px solid #dcdce9;
}

.listing #main #tabs li a.selected{
	font-size : 18px;
	color : #000000;
	background : none;
}

.listing #main #tabs li a
{
	/*background: url('../../bgTab.png') transparent bottom left repeat-x;*/
	background-image : url('images/bgTab.png');
	background-position : bottom;
	background-repeat : repeat-x;
	height: 30px;
	line-height: 30px;
	font-size : 15px;
	float: left;
	width: auto;
	padding : 0px 20px;
	display: block;
	border-right: 1px solid #dcdce9;
	color: #939393;
	text-decoration: none;
	text-align: center;
}

.listing #main #tabs li h1{
	font-size : 14px;
	margin : 0px;
	padding : 0px;
	font-weight : normal;
}

.listing #main #categories{
	clear : both;
}

.listing #main #categories ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height : 30px;
	border-bottom : 1px solid #f7f7f7;	
}
.listing #main #categories li{
	float: left;
	margin: 0;
}

.listing #main #categories li a
{
	height: 30px;
	line-height: 30px;
	font-size : 12px;
	float: left;
	width: auto;
	padding : 0px 14px;
	display: block;
	color: #616161;
	text-decoration: none;
	text-align: center;
}

.listing #main #categories li a.selected{
	font-size : 15px;
	color : #000000;
}

.listing #main #categories li a.selected:hover{
	text-decoration : none;
}

.listing #main #categories li a:hover{
	text-decoration : underline;
}


.listing #main #categories li h2{
	font-size : 12px;
	margin : 0px;
	padding : 0px;
	font-weight : normal;
}




.listing #main #mainContent{
	clear : both;
	min-height : 600px;
	padding-top : 20px;
}

.listing #main #mainContent .ads, .listing #main #mainContent .profiles{
	clear:both;
}

.listing #main #mainContent a{
	text-decoration : none;
}

.listing #main #mainContent .ads{
	border-left: 4px solid transparent;	
}

.listing #main #mainContent .ads.platinium{
	border-left : 4px solid #FFBE56;
}
.listing #main #mainContent .ads ul, .listing #main #mainContent .profiles ul, .stats #main #mainContent #listQuickApply ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height : 30px;
	font-weight : bold;
}

.listing #main #mainContent .ads ul:hover, .listing #main #mainContent .profiles ul:hover{
	background-color : #F2F2F2;
}

.listing.myads #main #mainContent .ads ul:hover{
	background-color: transparent;
}

.listing.myads #main #mainContent .ads ul .adsActions a{
	color: #3CA3E5;
	font-weight: normal;
	text-decoration: underline;
}

.listing.myads #main #mainContent .ads ul .adsActions a:hover{
	color: #FFBE23;
}

.listing #main #mainContent .ads li, .listing #main #mainContent .profiles li, .stats #main #mainContent #listQuickApply li{
	float: left;
	margin: 0;
	line-height: 30px;
	font-size : 12px;
	float: left;
	width: auto;
	padding : 0px;
	display: block;
	color: #616161;
	text-decoration: none;
	text-align: center;
}

.listing #main #mainContent .ads li a.selected, .listing #main #mainContent .profiles li a.selected{
	font-size : 15px;
	color : #000000;
}

.listing #main #mainContent .ads li a.selected:hover, .listing #main #mainContent .profiles li a.selected:hover{
	text-decoration : none;
}

.listing #main #mainContent .ads li a:hover, .listing #main #mainContent .profiles li a:hover{
	text-decoration : none;
}

.listing #main #mainContent .ads .adsCategory, .listing #main #mainContent .profiles .profileCategory span{
	width : 25px;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.listing #main #mainContent .ads .adsCreationDate, .listing #main #mainContent .profiles .profileCreationDate{
	color : #FFBE23;
	padding-right : 16px;
}

.listing #main #mainContent .profiles .profileName{
	width: 150px;
	text-align: left;
}

.listing #main #mainContent .ads .adsTitle, .listing #main #mainContent .profiles .profileStatus{
	color : #323232;
	width : 330px;
	text-align : left;
}

.listing #main #mainContent .ads .adsCompany, .listing #main #mainContent .profiles .profileCompany{
	color : #939393;
	width : 100px;
	text-align : left;
}

.listing #main #mainContent .ads .adsCity, .listing #main #mainContent .profiles .profileCity{
	color : #202020;
	width : 120px;
	text-align : left;
	font-size : 11px;
}

.listing #main #mainContent .ads .adsKind, .listing #main #mainContent .profiles .profileKind{
	color : #939393;
	width : 55px;
	padding-left: 5px;
	text-align : left;
}

.listing #main #mainContent .ads .adsTelecommuting, .listing #main #mainContent .profiles .profileTelecommuting{
	width : 30px;
}

.listing #main #mainContent .profiles .profileLinkedin{
	width: 30px;
	padding-top : 4px;
}

.listing #main #mainContent .ads .adsLove, .listing #main #mainContent.details .adsLove, .listing #main #mainContent .profiles .profileLove, .listing #main #mainContent.profile .profileLove{	
	width : 20px;
	height : 20px;
	margin-top : 5px;
	background-image : url('images/hearth.png');
	background-position : 0 0px;
}

.listing #main #mainContent.details .adsLove{
	margin-bottom : 10px;
	margin-right : 30px;
	float : right; 
}

.listing #main #mainContent.profile .profileLove{
	float:right;
}

.listing #main #mainContent .ads .adsLove.selected, .listing #main #mainContent.details .adsLove.selected, .listing #main #mainContent .profiles .profileLove.selected, .listing #main #mainContent.profile .profileLove.selected{
	background-position : 0 20px;
}

.listing #main #mainContent .ads .adsLove:hover, .listing #main #mainContent.details .adsLove:hover, .listing #main #mainContent .profiles .profileLove:hover, .listing #main #mainContent.profile .profileLove:hover{
	background-position : 0 45px;
}

.stats #main #mainContent #listQuickApply li.name{
	width: 200px;
	text-align: left;
}

.stats #main #mainContent #listQuickApply li.city{
	width: 100px;
	text-align: left;
}

.stats #main #mainContent #listQuickApply li.categories{
	width: 250px;
	text-align: left;
}

.stats #main #mainContent #listQuickApply li.graphcol{
	width: 100px;
	line-height: 25px;
	padding-top: 7px;
	cursor: pointer;
}


.listing #main .adsCategory-1, .listing #main .profileCategory-1{
	background-image: url(images/category/1.png);
}
.listing #main .adsCategory-2, .listing #main .profileCategory-2{
	background-image: url(images/category/2.png);
}
.listing #main .adsCategory-3, .listing #main .profileCategory-3{
	background-image: url(images/category/3.png);
}
.listing #main .adsCategory-4, .listing #main .profileCategory-4{
	background-image: url(images/category/4.png);
}
.listing #main .adsCategory-5, .listing #main .profileCategory-5{
	background-image: url(images/category/5.png);
}
.listing #main .adsCategory-6, .listing #main .profileCategory-6{
	background-image: url(images/category/6.png);
}
.listing #main .adsCategory-7, .listing #main .profileCategory-7{
	background-image: url(images/category/7.png);
}
.listing #main .adsCategory-8, .listing #main .profileCategory-8{
	background-image: url(images/category/8.png);
}
.listing #main .adsCategory-9, .listing #main .profileCategory-9{
	background-image: url(images/category/9.png);
}

.listing #main #rss{
	float: right;
	margin-top: 40px;
}

.listing #main #rss a{
	display: block;
	width: 50px;
	height: 16px;
	background-image: url(images/rss_logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}




/* @group Form */

#main #mainContent form .label{
	color : #657788;
	float:left;
	width : 210px;
	text-align : right;
	font-size : 16px;
	padding-right : 10px;
	line-height : 35px;
	clear: both;
}

#main #mainContent #resetPassword #forgotPwdPageUsername .label{
	width: auto;
	text-align: center;
}
#main #mainContent #resetPassword #forgotPwdPageUsername div.input{
	width: auto;
	text-align: center;
}
#main #mainContent #resetPassword input[type="submit"]{
	margin-left: 0px;
}

#main #mainContent form fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#main #mainContent form .field{
}

#main #mainContent form legend{
	font-size: 14px;
	color: #2979B3;
	font-weight: normal;
	display: block;
	width: auto;
	padding: 4px 10px 0px 10px;
	border-bottom : 3px solid #2979B3;
	clear: both;
	line-height: 22px;
}
#main #mainContent form p.smallLine{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}


#main #mainContent form .input{
	float:left;
	width : 368px;
}

#main #mainContent form .input input, #main #mainContent form .input textarea{
	background-color: white;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0pt;
	text-align : left;
	border: 1px solid #CDCDCD;
	color: black;
	padding : 8px;
	font-size : 14px;
	width : 340px;
}

#main #mainContent form .input textarea#description{
	width: 420px;
	height: 300px;
}

#main #mainContent form #cbnumber{
	background-image: url('images/cb.png');
	background-position: center right;
	background-repeat: no-repeat;
}

#main #mainContent form #postJobDescription .input{
	clear: both;
	padding: 0px 20px 20px 20px;
	width: 620px;
	
}

#main #mainContent form #postJobDescription .input textarea#description{
	width: 580px;
	height: 700px;
}

/*#main #mainContent form#postJobPageForm .input input[type="button"]{
	width: auto;
}

#main #mainContent form#postJobPageForm .input input[type="button"]:hover{
	color : #333;
	border: 1px solid #FFBF22;
	background-color : #F2F2F2;
}*/

#main #mainContent .input input[type="checkbox"]{
	width: auto;
	display : inline-block;
}

#main #mainContent ul.multiCheckbox{
	padding-top: 8px;
	padding-bottom: 8px;
}

#main #mainContent .singleCheckbox{
	padding-top: 8px;
}

#main #mainContent form .input select{
	margin-top : 8px;
}
#main #mainContent.form form{
	background-color: #FFF;
}
#main #mainContent form .input input:focus, #main #mainContent form .input textarea:focus{
	border: 1px solid #97B5D2;
	background-color : #F9F8E4;
}

#main #mainContent form .input textarea{
	margin-bottom : 10px;
}

#main #mainContent form .helper{
	color : #999999;
	float:left;
	width : 250px;
	min-height: 21px;
	text-align : left;
	font-size : 12px;
	line-height : 14px;
	vertical-align: middle;
	padding: 4px 8px;
	display: none;
}

#main #mainContent form .helperInline{
	color : #999999;
	text-align : left;
	font-size : 10px;
	line-height : 14px;
	padding: 8px;
	width : 250px;
	display: none;
}

#main #mainContent form .submit{
	text-align : center;
	margin-right : 0px;
	padding-top : 10px;
	padding-bottom: 40px;
}

#main #mainContent form .submit input, #main #mainContent form .input input[type="button"], #main #mainContent form .input input[type="submit"], input[type="submit"], input[type="button"], a.blackButton, .blackButtons a{
background-image: url(images/bgButton.png);
background-color: #FFF;
background-repeat: repeat-x;
background-position: center center;
border: 1px solid #FFF;
width: auto;
height: 28px;
line-height: 22px;
text-align: center;
color: #ffbe23;
	font-weight: normal;
	margin-left: 20px;
	border: none;
	cursor : pointer;
	font-size : 11px;
	padding : 0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

a.blackButton, .blackButtons a{
	display: inline-block;
	line-height: 28px;
	
}

#myhighlight a{
	background-color: #FFBE23;
	display: inline-block;
	line-height: 28px;
	padding: 0px 10px;
	margin-bottom: 5px;
}

/*#main #mainContent form .submit input, input[type="button"]{
background-image: url(images/button.png);
background-color: #FFF;
background-repeat: no-repeat;
background-position: center center;
width: 89px;
height: 28px;
line-height: 22px;
text-align: center;
color: #ffbe23;
	font-weight: normal;
	margin-left: 20px;
	border: none;
	cursor : pointer;
	font-size : 11px;
}
*/

#main #mainContent form .submit input:hover{
	/*border: 3px solid #FFBF22;
	background-color : #97CD78;*/
	text-decoration: underline;
	
}

#main #mainContent form .submit input:hover, #main #mainContent form .input input[type="button"]:hover, #main #mainContent form .input input[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover, a.blackButton:hover, .blackButtons a:hover{
	text-decoration: underline;
}



#main #mainContent #tags{
	width: 380px;
}

#main #mainContent #profileHlt .input{
	clear: both;
}

#main #mainContent #myHlt{
	float: left;
	margin-top: 5px;
	min-height: 30px;
	width: 250px;
}


/* @group Business blue */


body.business{
	background-image: url(images/bgBodyBusiness.png);
}

.business #container #header #topBar a{
	color: #3ca3e5;
}

.business #container #sideLeft li.selected a{
	color: #3CA3E5;
}
.business #container #sideLeft li a:hover{
	color: #FFF;
}

.business #container.myBeebam #sideLeft li#sideMyBeebam{
	background-image: url(images/bgTopSidebarMyBeebamBusiness.png);
}



/* @group Registration form */


#createAccountPageBusinessOffer{
	display: block;
	clear: both;
	margin-left: 115px;
}

#createAccountPageForm .submit{
	clear: both;
}

.radiolist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.radiolist p {
	float: left;
	margin-right: 10px;
	background: url(images/checkboxbg.png) no-repeat 0 0;
	width: 105px;
	height: 150px;
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}
.radiolist p.selected { background-position: -105px 0; }

.radiolist p.selected .radio-select { display: none; }

.radio-select {
	display: block;
	float: left;
	position: absolute;
	top: 118px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(images/select.png) no-repeat 0 0;
	color: white;
	font-weight: bold;
	text-decoration: none;
	line-height: 23px;
	text-align: center;
	
}
.radio-select:hover {
	color: white;
	text-decoration: none;
}

.radiolist p input { display: none; }

a.radio-deselect {
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 120px;
	right: 10px;
}
.radiolist p.selected a.radio-deselect { display: block; }

.radiolist p span {
	display: block;
	text-align: center;
	padding: 8px;
	font-size: 14px;
	color: #000;
}

.radiolist p.selected span {
	color: #FFF;
	font-size: 17px;
}


/* @group Front page */

body.front{
	background-image: url(images/bgFrontBanner.png);
	background-repeat: repeat-x;
}


.front #container #header{
	height: 100px;
}

.front #container #sloganFrontPage{
	margin : 10px 0px 0px 30px;
	background-image: url(images/sloganFront.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100px;
}

.front #container #frontBanner{
	height: 253px;
}

.front #container #frontBanner #buttonFrontBanner{
	float: right;
	margin-top: 90px;
}

.front #container #frontBanner #buttonFrontBanner a{
	background-image: url(images/buttonBanner.png);
	width: 130px;
	height: 39px;
	line-height: 39px;
	float: right;
	text-align: center;
	color: #ffbe23;
	font-weight: bold;
	margin-left: 20px;
}

.front #container #mainContent .front-columns{
	float: left;
	width: 320px;
	min-height: 350px;
}

.front #container #mainContent .front-columns #quickSearch label{
	color: #333;
}

.front #container #mainContent .front-columns #quickSearch{
	background-image: url('images/us_quickSearch.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 301px !important;
	height: 135px;
	overflow: hidden;
}

.front #container #mainContent .front-columns #quickSearch form{
	background-color: transparent;
	padding: 50px 10px 0px 10px;
	height : 63px
}

.front #container #mainContent .front-columns #quickSearch h3{
	display: none;
}

.front #container #mainContent .front-columns #quickSearch #submitQuickSearch{
	background-image: url('images/seachLinkFront.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 77px;
	height: 17px;
	clear: both;
	float: left;
	margin-left: 182px;
	text-indent: -99999px;
	margin-top : 4px;
	margin-right: 3px;
}

.front #container #mainContent .front-columns #quickSearch select{
	width: 120px;
}

.front #container #mainContent .front-columns #frontDarkBox{
	background-image: url('images/frontDarkBox.png');
	background-position: top left;
	background-repeat: no-repeat;
	width: 273px;
	height: 329px;
	overflow: hidden;
	padding: 12px 15px;
}
.front #container #mainContent .front-columns #frontDarkBox ul li{
line-height: 22px;
}

.front #container #mainContent .front-columns #frontDarkBox #platiniumAds h3{
	background-image: url('images/us_frontPlatiniumAds.png');
	width: 275px;
	height: 29px;
	line-height: 29px;
	border: none;
	text-indent: -9999px;
	margin-top : 25px;
	margin-bottom : 5px;
}

.front #container #mainContent .front-columns #frontDarkBox #lastAds h3{
	background-image: url('images/us_frontLastAds.png');
	width: 274px;
	height: 23px;
	line-height: 23px;
	border: none;
	text-indent: -9999px;
	margin-top : 0px;
	margin-bottom : 12px;
}

.front #container #mainContent .front-columns #frontDarkBox a{
	color: #DEDEDE;
}

.front #container #mainContent .front-columns #pricingAndSolutionsSpace a{
	display: block;
	width: 301px;
	height: 113px;
	background-image: url(images/boutonSolutions.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.front #container #mainContent .front-columns #sponsorsSpace{
	display: block;
	width: 299px;
	height: 155px;
	background-image: url(images/sponsors.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top : 30px;
	margin-bottom: 30px;
}

.front #container #mainContent .front-columns #quoteSpace{
}

.front #container #mainContent .front-columns h3{
	font-size: 18px;
	font-weight: normal;
	border-bottom: 3px solid #ffbe23;
	margin-right: 20px;
}


.front #container #mainContent .front-columns #quoteSpace #quote{
	font-family: Georgia, Arial;
	font-size: 18px;
	color : #888;
	font-style: italic;
}

.front #container #mainContent .front-columns #quoteSpace #quoteAuthor{
	color: #333;
	font-weight: bold;
	margin-top: 7px;
}

.adsTelecommuting.telecommute{
	background-image: url(images/telecommute.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	line-height: 30px;
}


#pagination{
	clear: both;
	text-align: center;
	padding-top: 15px;
}

#pagination a{
	display: inline;
	line-height : 20px;
	padding : 6px 10px;
	border: 1px solid #DEDEDE;
	/* background-color : #F2F2F2; */
	background-color : #2B2B2B;
	color: #FFBE23;
	margin : 5px 5px;
	vertical-align: middle;
}

#pagination a.selected{
	font-weight: bold;
	font-size : 16px;
}

#pagination a:hover{
	text-decoration: underline !important;
	color: #F1A4A1 !important;
}

#filters{
	margin-top: 10px;
}

#filters > div{
background-color: #F6F6F6;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;

}

#filters h3{
	background-color:  #222;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
	color:  #FFBE23;
	padding: 7px;
	line-height: 14px;
	font-weight: normal;
}

#filters h3{
	/*color : #202020;*/
}

#filters a{
	text-decoration : none;
	color : #323232;
		padding-left: 20px;
	line-height: 18px;
	display: block;
}
#filters a:hover{
text-decoration: underline;
/*-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;*/

}

#filters .selected{
	background-color:  #222;
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
	color:  #FFBE23;
	line-height: 20px;
	font-weight: normal;
	
}

#filters .selected:hover{
	background-color:  #222;
	color:  #FFBE23;
	text-decoration: underline;
	background-image: url('images/cross.gif');
	background-repeat: no-repeat;
	background-position: 2% center;
	
}

#filters .more{
	text-align : right;
}

#filters li{
	list-style: none;
	margin-bottom: 2px;
}
#filters li:hover{
}
#filters ul{
	padding-left: 0px;	
}

#filters li.selected{
}

/* @group maibox */

#main #mainContent.mailbox a{
	font-size: 12px;
	text-decoration : none;
	color : #202020;
}

#main #mainContent.mailbox a:visited{
	font-size: 12px;
	color : #202020;
}

#main #mainContent.mailbox a:hover{
	font-size: 12px;
	text-decoration: underline;
	color : #98865c;
}


#main #mainContent.mailbox table{
	margin-top : 20px;
}

#main #mainContent.mailbox table th{
	text-align: left;
	background-color: #ffe6a9;
}

#main #mainContent.mailbox table td{
	padding : 3px;
}

#main #mainContent.mailbox table tr.even{
	background-color: #fff9ea;
	cursor: pointer;
}
#main #mainContent.mailbox table tr.odd{
	background-color : #fffAFD;
	cursor: pointer;
}

#main #mainContent.mailbox table tr.selected{
	font-weight: bold;
}
#main #mainContent.mailbox #inbox .unread{
width : 20px;
}

#main #mainContent.mailbox #inbox .message-unread{
	background-image : url(images/orangeDot.png);
	background-position : center center;
	background-repeat : no-repeat;
}
#main #mainContent.mailbox #inbox .subject{
	width : 400px;
}

#main #mainContent.mailbox #inbox .from{
	width : 100px;
}

#main #mainContent.mailbox #inbox .date{
	width : 130px;
}

#main #mainContent.mailbox #outbox{
	height : 200px;
	overflow: auto;
}

#main #mainContent.mailbox #inbox{
	height : 200px;
	overflow: auto;
}


#main #mainContent.mailbox #outbox .subject{
	width : 500px;
}

#main #mainContent.mailbox #outbox .to{
	width : 200px;
}
#main #mainContent.mailbox #outbox .date{
	width : 150px;
}
#main #mainContent.mailbox #previewMail{
	margin-top : 20px;
	border : 1px solid #FFBE23;
	padding : 10px 20px;
}

#main #mainContent.mailbox #messageBody{
	display: block;
	padding: 5px;
}

#main #mainContent.mailbox #previewMail h3{
	margin : 0px 0px 18px 0px;
	padding : 0px;
}

#main #mainContent.mailbox #actionMail{
	clear: both;
	line-height: 22px;
}

#main #mainContent.mailbox #actionMail a 
{
font-size:12px;
text-decoration: none;
color:#212121;
background-color:#DDDDDD;
width: 70px;
text-align: center;
padding: 5px;
margin-right: 10px;
line-height: 22px;
}
#main #mainContent.mailbox #actionMail a:hover
{
text-decoration:none;
background-color: #FFBE23;
}


/* @group SignIn */

.business #main #mainContent #loginBox{
	background-color: #2979B3;

}

.loginPage{
	background-image: url(images/bgPageLogin.png);
	background-repeat: repeat-x;
}

.loginPage #main #mainContent{
	background-color: #F8F8F8;
	background-image: url(images/bgauth.png);
	background-position: center center;
	/*background: -webkit-gradient(radial, center center, 70, center center, 200, from(#FFBE23), to(#FFFFFF), color-stop(90%, #FFFFFF));*/
	/*background-color: #DEDEDE;*/
	width: 960px;
	margin: 0px auto;
	padding: 30px 0px 50px 0px;
}

.loginPage #main #mainContent #loginBox{
	background-image: url(images/bgauthMain.png);
	width: 500px;
	height: 302px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 130px;

}

#main #mainContent #loginBox h2{
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
}

#main #mainContent #loginBox form{
	width: 400px;
	margin: 10px auto;
	padding: 10px;
}

#main #mainContent.shadowedBox{
	margin-left: auto;
	margin-right: auto;
}

.formBox #main #mainContent.shadowedBox form{
	background-color: transparent;
}

.formBox #main #mainContent.shadowedBox form div{
	float: none;
	display: block;
}

.formBox #main #mainContent.shadowedBox form .label{
	float: left;
	width: 180px;
	clear: both;
	color: #000;
	font-size: 20px;
}

.formBox #main #mainContent.shadowedBox #createProfileAccount form .label{
	width: 230px;
	font-size: 15px;
}

.formBox #main #mainContent.shadowedBox form .input{
	width: 210px;
	float: left;
}

.formBox #main #mainContent.shadowedBox form .input input{
	width: 190px;
}

#main #mainContent #loginBox form .helper{
display: none;
}

#main #mainContent #loginBox form input[type=submit]{
	color: #FFF;
	background-color: transparent;
	border: none;
	background-image: url(images/entrer.png);
	background-position: center top;
	width: 100px;
	height: 27px;
	text-indent: -9999px;
}

#main #mainContent #loginBox form input[type=submit]:hover{
		background-position: center bottom;
	
}

.formBox #main #mainContent.shadowedBox form .submit{
	padding-bottom: 0px;
	padding-top: 15px;
	text-align: right;
}

#main #mainContent #loginBox a{
}

.formBox.loginPage2 #main #mainContent #loginBox{
	width: 442px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c7c7c7;
}

.formBox.loginPage2 #main #mainContent #loginBox .submit{
}

.formBox.loginPage2 #main #mainContent #loginBox form input[type=submit]{
	float: right;
	background: none;
	color: #FFF;
	text-indent: 0px;
	margin-top: 35px;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	width: 177px;
	height: 71px;
	background-image
}

.formBox.loginPage2 #main #mainContent #loginBox form input[type=submit]:hover{
	text-decoration: underline;
}


.formBox.loginPage2 #main #mainContent #loginBox form a.submit{
	float: right;
	background: none;
	color: #333;
	text-indent: 30px;
	font-size: 20px;
	line-height: 65px;
	text-align: left;
	width: 177px;
	height: 61px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-image : url(images/boxButton.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: -60px;
	margin-top: 20px;

}

.formBox.loginPage2 #main #mainContent #loginBox form a.submit:hover{
	text-decoration: underline;
	background-position: center top;
}


/* Create account */

.formBox #main #mainContent #createProfileAccount{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c7c7c7;
}

.formBox #main #mainContent #selectAccountBox{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c7c7c7;
}

.formBox #main #mainContent #createProfileAccount form{
	background-color: transparent;
}

.formBox #main #mainContent #createProfileAccount form input[type=submit]{
	float: right;
	background: none;
	color: #FFF;
	text-indent: 0px;
	margin-top: 35px;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	width: 177px;
	height: 71px;
	background-image
}

.formBox #main #mainContent #createProfileAccount form input[type=submit]:hover{
	text-decoration: underline;
}


.formBox #main #mainContent #createProfileAccount form a.submit{
	float: right;
	background: none;
	color: #333;
	text-indent: 30px;
	font-size: 20px;
	line-height: 65px;
	text-align: left;
	width: 177px;
	height: 61px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-image : url(images/boxButton.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: -40px;
	margin-top: 20px;

}
.gotoBeebamUser, .gotoBeebamPro{
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 177px;
	height: 58px;
	display: block;
	float: left;
	line-height: 58px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 30px;
}

.gotoBeebamUser{
	background-image : url(images/buttonYellow.png);
}

.gotoBeebamPro{
	background-image : url(images/buttonBlue.png);
	margin-left: 80px;
	
}

.gotoBeebamUser:hover, .gotoBeebamPro:hover{
	background-position: center top;
	color: #000;
	text-decoration: none;
}

.formBox #main #mainContent #createProfileAccount form a.submit:hover{
	text-decoration: underline;
	background-position: center top;
}

#explainCreateAccount{
	float: left;
	width: 260px;
	padding: 0px 20px;
}

#formCreateAccount{
	float: left;
	width: 500px;
}

.leftLinksLogin a{
	color: #cf9332;
}


.shadowedBox .titleShadowed{
	background-image: url(images/titleLine.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 462px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	text-align: center;
	color: #000;
	font-size: 20px;
}

.divShadowedBox{
	border: 1px solid #C7C7C7;
	padding: 20px;
	background-color: #F2F2F2;
}

.shadowedBox .titleShadowed.authentication{
	background-image: url(images/titleAuthentification.png);
}
.shadowedBox .titleShadowed.createAnAccount{
	background-image: url(images/titleCreateAnAccount.png);
}

.shadowedBox .titleShadowed.selectAccountType{
	background-image: url(images/titleSelectAccountType.png);
}


.shadowedBox #topShadowedBox{
	background-image: url(images/boxTop.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.shadowedBox #bottomShadowedBox{
	background-image: url(images/boxBottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 16px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.shadowedBox #beeShadowed{
	background-image: url(images/bee47px);
	background-repeat: no-repeat;
	background-position: center center;
	width: 47px;
	height: 46px;
	margin-top: -25px;
	margin-left: -25px;
	display : block;
}

.shadowedBox #beeShadowed:hover{
	text-decoration: none;
}

.business .shadowedBox #loginBox, .business .shadowedBox #createProfileAccount{
	background-color: #F0F5F9;
}

.shadowedBox #loginBox, .shadowedBox #createProfileAccount, .shadowedBox #selectAccountBox{
	background-color: #F2F2F2;
}
/*Prˇsentation Beebam pour recruteur et profils*/

.presentation_beebam{
color:#2F2F2F;
}
.presentation_beebam img{
border:0;
float: right;
width: 350px;
}
.presentation_beebam p{
font-size: 15px;
width: 400px;
padding: 15px;
}
.presentation_beebam .rightColumn p{
font-size: 15px;
width: 400px;
background-color: red;
padding: 15px;
}
.imageMarketing{
background-position: 80% center;
background-repeat: no-repeat;
min-height:220px;
}
 #Posting.imageMarketing{
 background-image: url('images/quickApply_bottom_old.png');
 }
  #dashboard_mktg.imageMarketing{
 background-image: url('images/dashboard_mktg.png');
  }
    #basic_mktg.imageMarketing{
 background-image: url('images/offres_beebam.png');
 	background-position: right center;
	min-height: 280px;
  }
      #tagsdriven_mktg.imageMarketing{
 background-image: url('images/tagdriven.png');
 background-position: 100% center;
  }
#Competences.imageMarketing{
 background-image: url('images/competences.png');
	background-position: right center;
	min-height: 280px;
}
#Pourquoi.imageMarketing{
 background-image: url('images/beebam presentation.png');
	background-position: right center;
	min-height: 280px;
}

#Competences.imageMarketing p{
	width: 300px;
}

/*Pricing*/


#mainContent.services{
	width: 960px;
	color: #202020;
}



#banner{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.pricing #mainContent{
	width: 944px;
}

.pricingDiv{
	background-image: url(images/pricingDiv.png);
	background-repeat: no-repeat;
	height: 176px;
	width: 276px;
	float:left;
	padding: 10px 20px 10px 15px;
}

.pricingDiv h3{
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
}

.pricingButton{
	background-image: url(images/button.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 89px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #ffbe23;
}

.pricingButton a{
	color: #ffbe23 !important;
	font-weight: normal;
	font-size: 12px;
}

.pricingButton a:hover{
	text-decoration: underline !important;
}

.pricingDiv .pricingButton{
	float:right;
}

.pricingDiv .pricingPrice{
	float:left;
	font-size: 18px;
	line-height: 24px;
	padding-left : 40px;
}

.pricingDiv ul{
	font-size: 14px;
	height : 105px;
}

#pricingTable{
	clear: both;
	font-size: 14px;
	padding-top : 10px;
	width: 958px;
}

#pricingTable tr{
	line-height: 23px;
}

#pricingTable tr td.checked{
	background-image: url(images/check.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#pricingTable tr td, #pricingTable tr th{
	width: 220px;
	text-align: center;
}

#pricingTable thead tr th{
	color: #515151;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	padding-bottom: 12px;
}

#pricingTable tr th{
	font-weight: bold;
	text-align: left;
	background-color: #EFEFEF;
	padding-left: 5px;
}

#pricingTable tr td{
	font-weight: bold;
}

#pricingTable tr td.legend{
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
}

#pricingTitle{
	clear: both;
	padding-top : 30px;
	font-size: 18px;
	font-weight: bold;
}

#pricingSection{
	border: 1px solid #FFBC00;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.tableSeparator{
}

/*End Pricing*/



#mainContent .voidplaceholder{
	color: #999999;
	font-size: 20px;
	text-align: center;
	padding: 25px;
}

#mainContent .voidplaceholder h3{
	color: #999999;
}

#mainContent .voidplaceholder a{
	color: #999999 !important;
}

.checkOutIndicator{
	font-size: 20px;
	padding: 0px 25px 25px 25px;
	color: #999999;
}

#mainContent .checkOutIndicator h3{
	color: #666;
}

#mainContent .checkOutIndicator div{
	float: left;
	width: 200px;
	background-color: #DEDEDE;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;
}
#mainContent .checkOutIndicator div#checkOutOffer{
	margin-right: 130px;
}

#mainContent .checkOutIndicator h3{
	margin: 0px;
	padding: 0px;
}

#mainContent .ourSecureForm a{
	color: #000;
}

#mainContent .formules.selected .ourSecureForm a{
	color: #FFF;
}

#mainContent #transferFormules input{
	margin-left: 0px;
}


.graph{
	background-color: rgb(206, 206, 206);
	float: right;
	padding: 0px;
	position: relative;
	width: 100px;
	height: 15px;
	line-height: 25px;
}

.graph .bar{
	background-image: url(images/bgBar.gif);
	background-position-x: 100%;
	background-position-y: 50%;
	background-repeat: repeat-x;
	border-right: 1px solid rgb(83, 142, 2);
	color: white;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	position: relative;
	text-align: center;
}

.statsQA{
	line-height: 25px;
	clear: both;
}


.leftFormules{
	width: 350px;
	float: left;
}

.rightFormules{
	width: 300px;
	float: left;
	padding-top: 20px;
}

.formules{
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.formules.selected{
	background-color: #545454;
	color: #FEFEFE!important;
	padding-left: 10px;
	border-left: 4px solid #008AC8;
}

#mainContent .formules.selected h3{
	color: #FFF;
}

.labelFormules{
}

.rightLabelFormules{
	line-height: 25px;
		font-size: 14px;
	
}

#transferFormules{
	text-align: center;
}

#main #mainContent .rightFormules form{
	background-color: transparent;
}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
#main #mainContent .jqmWindow form{
	background-color: transparent;
}

#main #mainContent .jqmWindow textarea{
	width: 600px;
	height: 200px;
}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#facebox textarea{
	width: 400px;
	height: 150px;
}



/* ---------------------------------------------
	TOGGLE.CSS
-----------------------------------------------*/

/*div#itoggle{
	background:#FFF;
	padding:20px 20px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#333;
	}
div#itoggle h3{
	margin-bottom:4px;
	font-size: 14px;
	font-weight:bold;
	}
div#itoggle p{
	color:#666;
	margin-bottom:10px;
	}

div#console{
	display:none;
	position:absolute;
	top:8px;
	right:8px;
	width:160px;
	padding:6px 8px 8px 8px;
	text-align:right;
	background:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:url(/global/images/console.gif);
	}
div#console p{
	margin:0;
	font-size:11px;
	font-family:"Courier New", Courier, monospace;
	}

div#itoggle input.iT_checkbox_on{
	display:block !important;
	float:left;
	position:relative !important;
	top:-43px !important;
	left:100px !important;
	margin-bottom:-43px;
	}*/

#quickApply_bottom{
	position:fixed;
	bottom:0px;
	margin: 0px auto;
	width:337px;
	left : 50%;
	margin-left: -168px;
	height: 46px;
}

#quickApply_bottom a{
	display: block;
	height: 46px;
	width: 337px;
	background:url(images/quickApply_bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#quickApply_bottom a:hover{
	text-decoration: none;
	background-position: top center;
}

/* -----------------------------
	This is the important bit
-------------------------------*/

div#mainContent label.ilabel{
	display:block;
	font-size:12px;
	padding-bottom:10px;
	cursor:pointer;
	}

div#mainContent label.itoggle,
div#mainContent label.itoggle span{
	display: block;
	width: 93px;
	height: 27px;
	margin-bottom: 20px;
	background: url(images/itoggle.png) left bottom no-repeat;
	cursor:pointer;
	text-indent:-5000px;
	}
div#mainContent label.itoggle.iToff{
	background-position:right bottom;
	}
div#mainContent label.itoggle span{
	background-position: left top;
	margin: 0;
	}
div#mainContent input.iT_checkbox{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

/*	
	If you want the corners to be
	transparent, add these two lines
	to the main block above. Only
	works on webkit and mozilla browsers
	For more reliable results, make your
	own png using the supplied .psd
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
*/



/* Tool tip de ouf */

.darkTip h4{
	margin : 0px 0px 10px 0px;
	padding: 0px;
}

.tooltipRow{
	clear: both;
	padding: 3px 0px;
}

.tooltipLabel{
	width: 50px;
}

img.tTip						{ margin: 8px 15px 8px 0px; float: left; }
.lightTip						{  }
.lightTip .content				{max-width: 150px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(images/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(images/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ min-width: 200px;max-width: 300px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(images/notch-dark.png) top center no-repeat; }



/* DEMONSTRATION */
a.linkDemo /* button style */
{
font-size: 11px;
clear: both;
color:#F7BC37;
float: right;
}
.presentation_beebam p{
font-size:12px;
color:#9A9A9A;
}