.ui-tooltip, .arrow:after {

	background: black;

	border: 2px solid white;

}

.ui-tooltip {

	padding: 10px 20px;

	color: white;

	border-radius: 20px;

	font: bold 14px "Helvetica Neue", Sans-Serif;

	text-transform: uppercase;

	box-shadow: 0 0 7px black;

}

.arrow {

	width: 70px;

	height: 16px;

	overflow: hidden;

	position: absolute;

	left: 50%;

	margin-left: -35px;

	bottom: -16px;

}

.arrow.top {

	top: -16px;

	bottom: auto;

}

.arrow.left {

	left: 20%;

}

.arrow:after {

	content: "";

	position: absolute;

	left: 20px;

	top: -20px;

	width: 25px;

	height: 25px;

	box-shadow: 6px 5px 9px -9px black;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	tranform: rotate(45deg);

}

.arrow.top:after {

	bottom: -20px;

	top: auto;

}

/************************************************/

/* CTA */

/**********************************************/

/* CTA_buttons */

/*CREATION DU CONTENEUR*/

.awesome {

	text-align: center;

	display: inline-block; 

	padding: 2%;

	color: #FFF!important;

	text-decoration: none;

	border-radius: 14px;

	-moz-border-radius: 14px; 

	-webkit-border-radius: 14px;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);

	position: relative;

	cursor: pointer;

	margin:10px auto 10px auto; 

}

a.ctaNewPage{
	white-space: nowrap;
}

/*GESTION DE LA TAILLE DU TEXTE*/

.small-t-awesome { font-size: 17px; }

.medium-t-awesome { font-size: 20px; font-weight: bold; line-height: 1; /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ }

.newMedium-t-awesome { font-size: 25px; font-weight: bold; line-height: 1; /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ }

.large-t-awesome { font-size: 32px; padding: 8px 14px 9px; }

/*GESTION COULEUR*/

.red-awesome            { background-color: #F33318;}

.red-awesome:hover      { background-color: rgba(243, 53, 24, 0.8);}

#content a.awesome.medium-t-awesome.red-awesome { color: white;}

#content a.awesome.medium-t-awesome.red-awesome:hover { color: #F7F7EF; }

.blue-awesome           { background-color: #146bad; }

.blue-awesome:hover     { background-color: rgba(20, 107, 173, 0.8); }

#content a.awesome.medium-t-awesome.blue-awesome { color: white;}

#content a.awesome.medium-t-awesome.blue-awesome:hover {color: #F7F7EF;}

.green-awesome          { background-color:#14ad46;}

.green-awesome:hover    { background-color:rgba(20, 173, 70, 0.8);}

#content a.awesome.medium-t-awesome.green-awesome { color: white;}

#content a.awesome.medium-t-awesome.green-awesome:hover { color: #F7F7EF;}

.magenta-awesome            { background-color:#a9014b;}

.magenta-awesome:hover  { background-color: rgba(169, 1, 75, 0.8);}

#content a.awesome.medium-t-awesome.magenta-awesome { color: white;}

#content a.awesome.medium-t-awesome.magenta-awesome:hover { color: #F7F7EF;}

.orange-awesome             { background-color:#f34618;}

.orange-awesome:hover   { background-color: rgba(243, 70, 24, 0.8);}

#content a.awesome.medium-t-awesome.orange-awesome { color: white;}

#content a.awesome.medium-t-awesome.orange-awesome:hover { color: #F7F7EF;}

.yellow-awesome             { background-color:#f39b18;}

.yellow-awesome:hover   { background-color: rgba(243, 155, 24, 0.8);}

#content a.awesome.medium-t-awesome.yellow-awesome { color: white;}

#content a.awesome.medium-t-awesome.yellow-awesome:hover { color: #F7F7EF;}

.grey-awesome           { background-color:#9b9b9b;}

.grey-awesome:hover     { background-color: rgba(155, 155, 155, 0.8);}

#content a.awesome.medium-t-awesome.grey-awesome { color: white;}

#content a.awesome.medium-t-awesome.grey-awesome:hover { color: #F7F7EF;}

/* CTA OLD RETROCOMPATIBLE*/

.awesome:hover                          { color: #fff; }

.awesome:active                         { top: 1px; }

.small.awesome, .small.awesome:visited          { font-size: 14px; padding: ; }

.awesome, .awesome:visited,

.medium.awesome, .medium.awesome:visited        { font-size: 20px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.awesome, .large.awesome:visited          { font-size: 32px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited      { background-color: #14ad46; }

.green.awesome:hover                        { background-color: rgba(20, 173, 70, 0.8);}

.blue.awesome, .blue.awesome:visited        { background-color: #146bad; }

.blue.awesome:hover                         { background-color: rgba(20, 107, 173, 0.8); }

.red.awesome, .red.awesome:visited          { background-color: #f33318; }

.red.awesome:hover                          { background-color: rgba(243, 53, 24, 0.8);}

.magenta.awesome, .magenta.awesome:visited      { background-color: #a9014b; }

.magenta.awesome:hover                          { background-color: rgba(169, 1, 75, 0.8);}

.orange.awesome, .orange.awesome:visited        { background-color: #f34618; }

.orange.awesome:hover                           { background-color: rgba(243, 70, 24, 0.8);}

.yellow.awesome, .yellow.awesome:visited        { background-color: #f39b18; }

.yellow.awesome:hover                           { background-color: rgba(243, 155, 24, 0.8);}

.grey.awesome, .grey.awesome:visited {background-color: #9b9b9b;}

.grey.awesome:hover { background-color: rgba(155, 155, 155, 0.8);}

/* ========================= CTA BUTTONS ========================= */

a.buttonPoker, a.buttonPokerDis {

	display: block;

	background-image: url(/wp-content/plugins/Plugin-Shortcode-CTA/inc/ressources/images/CTA/cta216x41.png);

	background-repeat: no-repeat;

	height: 41px;

	width:216px;

	margin: 5px auto 5px auto;

}

a.buttonPoker:hover, a.buttonPoker:active {

	background-position: 0 -41px;

}

a.buttonBet, a.buttonBetDis {

	display: block;

	background: url(/wp-content/plugins/Plugin-Shortcode-CTA/inc/ressources/images/CTA/cta131x41.png);

	background-repeat: no-repeat;

	height: 41px;

	width:131px;

	margin: 5px auto 5px auto;

}

a.buttonBet:hover, a.buttonBet:active {

	background-position: 0 -41px;

}

a.buttonBonus, a.buttonBonusDis {

	display: block;

	background: url(/wp-content/plugins/Plugin-Shortcode-CTA/inc/ressources/images/CTA/cta226x55.png);

	background-repeat: no-repeat;

	height: 55px;

	width:226px;

	margin: 5px auto 5px auto;

}

a.buttonBonus:hover, a.buttonBonus:active {

	background-position: 0 -55px;

}

table .awesome {

	zoom: 0.9; /* IE */

	-moz-transform: scale(0.9); /* Firefox */

	-o-transform: scale(0.9); /* Opera */

	-webkit-transform: scale(0.9); /* Safari And Chrome */

	transform: scale(0.9); /* Standard Property */

}

.awesome.inputable {
/*
	padding-left: 0;

	padding-right: 0;*/

	cursor: text;

	top: 0!important;

	text-decoration: none!important;

}

.awesome.inputable input {

	border: 0;

	background: none;

	width: 100%;

	box-shadow: none;

	line-height: 1;

	text-shadow: 0 -1px 1px rgba(0,0,0,.25);

	color: #fff!important;

	text-align: center;

	outline: none;

	font: inherit;

}

.awesome.ctaNewPage {

    background-color: #fff;
    color: #111!important;;
    text-shadow: none;
    -moz-box-shadow: none;
 	-webkit-box-shadow: none;
 	box-shadow: none;
    border: 2px dotted rgba(0,0,0,0.75);
}

.awesome.ctaNewPage:not(.inputable):hover,  .awesome.ctaNewPage:hover input, #content .awesome.ctaNewPage:not(.inputable):hover, #content .awesome.ctaNewPage:hover input{
    color:#000;
    zoom:1.01;
    -moz-transform: scale(1.01);
}

.awesome.ctaNewPage.inputable input {
	color:#111!important;
}
  /* Firefox cant render dotted border and border radius */
@-moz-document url-prefix() { 

.awesome.ctaNewPage {
    border-radius: 0;
    }
}


.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.demo.tabs-wrapper > div > div {
	visibility:visible!important;
}