/***********************************************************************************************************************************/
/************************ 								/!\	WARNING /!\										************************/
/************************ 																					************************/
/************************ 				THIS CSS IS FOR : TEMPLATING ADVERTISING BANNERS	 				************************/
/************************ 																					************************/
/************************ 				  NOT FOR : PUTTING STYLES ABOUT SOMETHING TEMP						************************/
/************************ 																					************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************
/***********************************************************************************************************************************
########     ###    ##    ## ##    ## ######## ########
##     ##   ## ##   ###   ## ###   ## ##       ##     ##
##     ##  ##   ##  ####  ## ####  ## ##       ##     ##
########  ##     ## ## ## ## ## ## ## ######   ########
##     ## ######### ##  #### ##  #### ##       ##   ##
##     ## ##     ## ##   ### ##   ### ##       ##    ##
########  ##     ## ##    ## ##    ## ######## ##     ##
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner{
	position: absolute;
	display: block;
	box-sizing:border-box;
}
.banner__wrapper{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
   ###    ########  ########  ##        #######   ######  ##    ## ######## ########  
  ## ##   ##     ## ##     ## ##       ##     ## ##    ## ##   ##  ##       ##     ## 
 ##   ##  ##     ## ##     ## ##       ##     ## ##       ##  ##   ##       ##     ## 
##     ## ##     ## ########  ##       ##     ## ##       #####    ######   ########  
######### ##     ## ##     ## ##       ##     ## ##       ##  ##   ##       ##   ##   
##     ## ##     ## ##     ## ##       ##     ## ##    ## ##   ##  ##       ##    ##  
##     ## ########  ########  ########  #######   ######  ##    ## ######## ##     ## 
************************************************************************************************************************************
***********************************************************************************************************************************/


.banner__placeholder{
	background-repeat: no-repeat;
}
.banner__placeholder__text{
	font-size: 13px;
}
.banner__placeholder,
.banner__placeholder__text{
	display: block;
}

/* 728x90 **************************************************************************************************************************/
.banner__placeholder--728 {
	width:728px;
	height:90px;
}
.banner__placeholder--728 .banner__placeholder__text {
	padding: 25px 200px;	
}
.placeholder__rewarded--728,
.placeholder__offerwal--728 {
	background-image: url(/media/equideo/image/marketing/banner/ad-placeholder-728x90.jpg);
}


/* 160x600 *************************************************************************************************************************/
.banner__placeholder--160 {
	width:160px;
	height:600px;
}

/* 300x250 ************************************************************************************************************************/
.banner__placeholder--300 {
	width:300px;
	height:250px;
}

/* 160x600 and 300x250 ************************************************************************************************************/
.banner__placeholder--300 .banner__placeholder__text,
.banner__placeholder--160 .banner__placeholder__text {
	padding: 10px 20px;
}
.placeholder__rewarded--300,
.placeholder__offerwall--300 {
	background-image: url(/media/equideo/image/marketing/banner/ad-placeholder-300x250.jpg);
}
.placeholder__rewarded--160,
.placeholder__offerwall--160 {
	background-image: url(/media/equideo/image/marketing/banner/ad-placeholder-160x600.jpg);
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
##       ########    ###    ########  ######## ########  ########   #######     ###    ########  ########
##       ##         ## ##   ##     ## ##       ##     ## ##     ## ##     ##   ## ##   ##     ## ##     ##
##       ##        ##   ##  ##     ## ##       ##     ## ##     ## ##     ##  ##   ##  ##     ## ##     ##
##       ######   ##     ## ##     ## ######   ########  ########  ##     ## ##     ## ########  ##     ##
##       ##       ######### ##     ## ##       ##   ##   ##     ## ##     ## ######### ##   ##   ##     ##
##       ##       ##     ## ##     ## ##       ##    ##  ##     ## ##     ## ##     ## ##    ##  ##     ##
######## ######## ##     ## ########  ######## ##     ## ########   #######  ##     ## ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--leaderboard {
	z-index: 3; /* value to let user clicks on ad */
}
body:not(.nopub) .banner--leaderboard {
	top: 86px;
}
body:not(.disconnected).template-v4 .banner--leaderboard{
	left: 132px;
}
body:not(.disconnected).template-v5 .banner--leaderboard{
	left: 222px;
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
 ######   #######  ##     ##    ###    ########  ########
##    ## ##     ## ##     ##   ## ##   ##     ## ##
##       ##     ## ##     ##  ##   ##  ##     ## ##
 ######  ##     ## ##     ## ##     ## ########  ######
      ## ##  ## ## ##     ## ######### ##   ##   ##
##    ## ##    ##  ##     ## ##     ## ##    ##  ##
 ######   ##### ##  #######  ##     ## ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--square{
	z-index: 109; /* mantis 61204 : value to let header menu fly over ad */
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
########  ########  ######  ########    ###    ##    ##  ######   ##       ########
##     ## ##       ##    ##    ##      ## ##   ###   ## ##    ##  ##       ##
##     ## ##       ##          ##     ##   ##  ####  ## ##        ##       ##
########  ######   ##          ##    ##     ## ## ## ## ##   #### ##       ######
##   ##   ##       ##          ##    ######### ##  #### ##    ##  ##       ##
##    ##  ##       ##    ##    ##    ##     ## ##   ### ##    ##  ##       ##
##     ## ########  ######     ##    ##     ## ##    ##  ######   ######## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner--rectangle{
	z-index: 109; /* mantis 61831 : value to let header menu fly over ad */
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
##       ########  ######      ###    ##
##       ##       ##    ##    ## ##   ##
##       ##       ##         ##   ##  ##
##       ######   ##   #### ##     ## ##
##       ##       ##    ##  ######### ##
##       ##       ##    ##  ##     ## ##
######## ########  ######   ##     ## ########
***********************************************************************************************************************************
***********************************************************************************************************************************/

.banner__legal{
	position:absolute;
	text-align: center;
	font-size:11px;
	line-height:12px;
	height: 11px;
}
/** banner--leaderboard ***********************************************************************************************************/
.banner--leaderboard .banner__legal{
	background-color: #C8DFE5;
	width: 94px;
	color: #1E587F;
	margin-left:-105px;
	padding: 0;
	top: -2px;
	transform-origin: right top;
	-o-transform-origin: right top;
	-ms-transform-origin: right top;
	-moz-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
/** banner--skycraper + banner--square *********************************************************************************************/
.banner--square .banner__legal,
.banner--skyscraper .banner__legal{
	background-color: #B4B250;
	color: #030;
}

/* abuse link **********************************************************************************************************************/
.banner__abuse {
	position: absolute;
	left:0;
	bottom:-12px;
	line-height:10px;
	width:100%;
	font-size: 10px;
	height: 8px;
}

/* abuse link (still useful ?) *****************************************************************************************************/
#advertisingAbuseLink {
	font-size: 10px;
	float: left;
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
 ######  #### ######## ########  ######
##    ##  ##       ##  ##       ##    ##
##        ##      ##   ##       ##
 ######   ##     ##    ######    ######
      ##  ##    ##     ##             ##
##    ##  ##   ##      ##       ##    ##
 ######  #### ######## ########  ######
***********************************************************************************************************************************
***********************************************************************************************************************************/


/* 728x90 *************************************************************************************************************************/
.banner--728x90{
	width:728px;
	height:90px;
}
.banner--728x90 iframe { /* QUICK & DIRTY FIX : Mantis 0052650: ES - Ads banner too large */
	width: 728px!important;
	height: 90px!important;
}

/* 160x600 *************************************************************************************************************************/
.banner--160x600{
	width:160px;
	height:600px;
}

/* 300x250 ************************************************************************************************************************/
.banner--300x250{
	width:300px;
	height:250px;
}

/* 336x280 ************************************************************************************************************************/
.banner--336x280{
	width:336px;
	height:280px;
}

/* positions **********************************************************************************************************************/
.body--ltr .banner--160x600,
.body--ltr .banner--336x280,
.body--ltr .banner--300x250{
	right: 0;
}
.body--rtl .banner--160x600,
.body--rtl .banner--336x280,
.body--rtl .banner--300x250{
	left: 0;
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
   ###    ########  ########  ##        #######   ######  ##    ##    ########    ###    ##       ##       ########     ###     ######  ##    ##
  ## ##   ##     ## ##     ## ##       ##     ## ##    ## ##   ##     ##         ## ##   ##       ##       ##     ##   ## ##   ##    ## ##   ##
 ##   ##  ##     ## ##     ## ##       ##     ## ##       ##  ##      ##        ##   ##  ##       ##       ##     ##  ##   ##  ##       ##  ##
##     ## ##     ## ########  ##       ##     ## ##       #####       ######   ##     ## ##       ##       ########  ##     ## ##       #####
######### ##     ## ##     ## ##       ##     ## ##       ##  ##      ##       ######### ##       ##       ##     ## ######### ##       ##  ##
##     ## ##     ## ##     ## ##       ##     ## ##    ## ##   ##     ##       ##     ## ##       ##       ##     ## ##     ## ##    ## ##   ##
##     ## ########  ########  ########  #######   ######  ##    ##    ##       ##     ## ######## ######## ########  ##     ##  ######  ##    ##
***********************************************************************************************************************************
***********************************************************************************************************************************/

/* 728x90 **************************************************************************************************************************/
.body--emptytop:not(.nopub):not(.disconnected) #container::before{
	background: #fff;
	border: 2px solid #C8DFE5;
	content:"";
	height: 94px;
	top: 84px;
	width: 732px;
	z-index: 0; /* white block set to back */
}
.body--emptytop:not(.disconnected).template-v4 #container::before{
	left: 130px;
}
.body--emptytop:not(.disconnected).template-v5 #container::before{
	left: 220px;
}
body:not(.nopub) #container::before{
	box-sizing:border-box;
	display: block;
	position: absolute;
}

/* adblock background **************************************************************************************************************/
body:not(.nopub) .content--hasaside::before{
	background: #F5F4C1;
	border: 2px solid #b4b250;
	content:"";
	position: absolute;
	top: 47px;
}
.body--ltr:not(.nopub) .content--hasaside::before{
	right: 18px;
}
.body--rtl:not(.nopub) .content--hasaside::before{
	left: 18px;
}

/* 160x600 *************************************************************************************************************************/
body:not(.nopub) .content--ad160x600::before{
	height: 600px;
	width: 160px;
}
/* 300x250 *************************************************************************************************************************/
body:not(.nopub) .content--ad300x250::before{
	height: 250px;
	width: 300px;
}


/***********************************************************************************************************************************
/***********************************************************************************************************************************
########     ###    ########  ######## ##    ## ######## ########   ######
##     ##   ## ##   ##     ##    ##    ###   ## ##       ##     ## ##    ##
##     ##  ##   ##  ##     ##    ##    ####  ## ##       ##     ## ##
########  ##     ## ########     ##    ## ## ## ######   ########   ######
##        ######### ##   ##      ##    ##  #### ##       ##   ##         ##
##        ##     ## ##    ##     ##    ##   ### ##       ##    ##  ##    ##
##        ##     ## ##     ##    ##    ##    ## ######## ##     ##  ######
***********************************************************************************************************************************
***********************************************************************************************************************************/

/* yieldlove **********************************************************************************************************************/
.yl-ad-label{
    margin-top: -17px;
    font-size: 70%;
    padding-bottom: 2px;
    float:right;
}