.btn_advertising
{
    horizontal-align: center;
    width: 96px;
    height: 96px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.btn_advertising__toggle
{
    border-radius: 50%;
    padding: 6px;
    horizontal-align: center;
    vertical-align: center;

    transition-property: background-color;
	transition-duration: 0.40s;
	transition-timing-function: ease-in-out;
}

.btn_advertising__toggle:hover{
    sound: "UIPanorama.mainmenu_rollover";
}

.advertising-active.btn_advertising__toggle
{
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 6px 5.0 rgba(0, 0, 0, 0.753);
}

.btn_advertising__toggle:disabled
{
    wash-color: disabledColor;
}

.btn_advertising__toggle:hover
{
    wash-color: rgb(24, 24, 24);
}

.btn_advertising__toggle .TickBox
{
    visibility: collapse;
}

.btn_advertising__img-ring,
.btn_advertising__img-pole,
.btn_advertising__img-ring-outer
{
    vertical-align:center;
    horizontal-align: center;
    padding: 4px;

    transition-property: wash-color;
	transition-duration: 0.40s;
	transition-timing-function: ease-in-out;
}

.advertising-active .btn_advertising__img-pole
{
    animation-name: advertising-pole-active;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    wash-color: #213821;
}

.advertising-active .btn_advertising__img-ring
{
    animation-name: advertising-ring-active;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    wash-color: #213821; 
}

.advertising-active .btn_advertising__img-ring-outer
{
    animation-name: advertising-ring-outer-active;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    wash-color: #213821; 
}

@keyframes 'advertising-pole-active'
{
	from
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
	}

	10%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;
    }
    
    90%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;

	}

	to
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
	}
}

@keyframes 'advertising-ring-active'
{
	from
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
    }
    
    22%
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
	}

	33%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;

    }
    
    90%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;

	}

	to
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
 
	}
}

@keyframes 'advertising-ring-outer-active'
{
	from
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
    }
    
    55%
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
	}

	66%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;

    }
    
    90%
	{
        img-shadow: 0px 0px 2px 1.0 white;
        wash-color: #37da3d;
	}

	to
	{
        img-shadow: 0px 0px 0px 0.0 white;
                                
	}
}



