﻿.div_vipClub
{
    position: relative;
    float:left;
    margin: 0px 8px 8px 8px; 
    margin-left: 0px;
    width: 972px; 
    padding:10px;
    background-color:#FFF;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 2px 2px 2px #000;
    font-weight:bold;
    color:#333;
    overflow:hidden;
}
/* CONTACHILOMETRI */

.contenitore_contachilometri 
{
	position:relative;
	width:586px;
	height:272px;
	/**/overflow:hidden;
	border-radius:0px 8px 8px 8px;
	box-shadow:2px 2px 6px #000;
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:20px;
	color:#550000;
	background: #A17F7F;
}
.blocchi_vip_sinistra
{
    width:600px;
    overflow:hidden;
    float: left;
    margin-left:4px;    
}
.blocchi_vip_destra
{
    float: right;
    overflow: hidden;
    width: 360px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.contenitore_saldo_punti_premio
{
    position: relative;
    padding:10px;
    overflow: hidden;
    width: 330px;
    min-height:60px;
    border-radius: 0px 8px 8px 8px;
    box-shadow: 2px 2px 6px black;
    float: left;
    display: block;
    margin-right: 20px;
    color: #550000;
    background: url(../images/sfondo_box_vip.png) repeat-x top #A17F7F;
    font-size: 11px;
    text-align:center;
}
.contenitore_saldo_punti_premio a
{
    color: #550000;
}
.contenitore_incassa_rake_cash_bonus
{
    position: relative;
    padding: 5px 10px 6px 10px;
    overflow: hidden;
    width: 330px;
    min-height:157px;
    border-radius: 0px 8px 8px 8px;
    box-shadow: 2px 2px 6px black;
    float: left;
    display: block;
    margin-right: 20px;
    color: #FFFFFF;
    background: url(../images/Rake_club_sfondo.png) repeat-x 0px -100px #A17F7F;
    font-size: 12px;
}
.contenitore_incassa_rake_cash_bonus div.titolo
{
    width:100%;
    text-align:center;
    font-size:14px;
    border-bottom:1px solid;
    text-shadow: 1px 1px 3px #000, 0px 0px 3px #000;
    }
 .contenitore_incassa_rake_cash_bonus div.promemoria
{
    width:100%;
    text-align:center;
    font-size:12px;
    border-bottom:1px solid;
    text-shadow: 1px 1px 3px #000, 0px 0px 3px #000;
}   
    
    
.contenitore_saldo_punti_premio span
{
    font-size:32px;
}
.contenitore_saldo_punti_premio input, .contenitore_incassa_rake_cash_bonus input
{
    font-size:14px;
    padding:8px;
    margin-top:12px;
}
#PHbody_regola_argento, #PHbody_regola_oro
{
    background: #9D92B2;
}
#PHbody_regola_oro
{
   box-shadow: 0px 1px 5px #333, 2px 2px 6px black; 
}
.contenitore_star
{
    position: relative;
    padding:10px;
    overflow: hidden;
    width: 330px;
    box-shadow: 2px 2px 6px black;
    float: left;
    display: block;
    margin-right: 20px;
    color: #162964;
    background: url(../images/sfondo_box_vip.png) repeat-x top #A17F7F;
    font-size: 16px;
    text-align:center;
}
.contenitore_star:nth-child(2)
{
    border-radius: 0px 8px 0px 0px;
}
.contenitore_star:last-child
{
    border-radius: 0px 0px 8px 8px;
}
.titolo_vip_primario
{
    float:left;
	display:block;
	/*height:10px;*/
	padding:6px 14px 6px 14px;
	border-radius:8px 8px 0px 0px;
	background: url(../images/bg_sub_topnav.png) repeat-x top #1d0302;
	color: #FFF;
}
.titolo_vip_secondario
{
    float:right;
	display:block;
	/*height:10px;*/
	padding:6px 14px 6px 14px;
	border-radius:8px 8px 0px 0px;
	background: url(../images/bg_sub_topnav.png) repeat-x top #1d0302;
	color: #FFF;
	margin-right: 20px;
}
.titolo_vip_terziario
{
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
}
.blocchi_vip_destra .titolo_vip_secondario
{
    /*height:32px;
    margin-top: 16px;*/
    text-align:right;
    }
.div_maschera 
{
	position:absolute;
	background:url(../images/contachilometri/maschera.png) left top no-repeat;
	width:586px;
	height:272px;
	z-index:100;
	border-radius:0px 8px 8px 8px;
}
.serbatoio
{
    position:absolute;
    z-index:110;
    height:60px;
    width:60px;
    background:#f22;
    top: 158px;
    left: -1px;
    padding-top:3px;
    background:url(../images/contachilometri/serbatoio.png) left top;
}
#moltiplicatore0, #moltiplicatore1, #moltiplicatore2,#moltiplicatore3,#moltiplicatore4,#moltiplicatore5{}

.moltiplicatore0, .moltiplicatore1, .moltiplicatore2, .moltiplicatore3, .moltiplicatore4, .moltiplicatore5
{   
    position:absolute;
    z-index:110;
    height:20px;
    width:26px;
    border:3px solid #FFF;
    border-radius:30px;
    text-align: center;
    padding-top:6px;
    box-shadow: inset 1px 1px 2px #000, 1px 1px 10px #300;
    font-size: 11px;
    float:left;
}
#moltiplicatore0
{
    top: 203px;
    left: 120px;
}
.moltiplicatore0
{
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px ;
    font-size: 9px;
    padding-top: 8px;
    height:18px;
}
#moltiplicatore1
{
    top: 146px;
    left: 128px;
}
.moltiplicatore1
{
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px #FFF;
}
#moltiplicatore2
{
    top: 74px;
    left: 175px;
}
.moltiplicatore2
{
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px #dfbc53;
}
#moltiplicatore3
{
    top: 36px;
    left: 272px;
}
.moltiplicatore3
{
    background: url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px #AAAAAA;
}
#moltiplicatore4
{
    top: 83px;
    left: 394px;
}
.moltiplicatore4
{
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px #111;
}
#moltiplicatore5
{
    top: 203px;
    left: 441px;
}
.moltiplicatore5
{
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px #111;
}
.prossimo_motiplicatore
{
    position:absolute;
    z-index:110;
    height:26px;
    width:26px;
    top: 167px;
    left: 546px;
    border:3px solid #FFF;
    border-radius:30px;
    text-align: center;
    box-shadow:inset 1px 1px 2px black, 1px 1px 10px #300;
    background:url(../images/contachilometri/bagliore_contagiri2.png) -3px -2px;
    
}
.prossimo_motiplicatore span
{
    margin: 6px 0px 0px 0px;
    position: relative;
    display: block;
    font-size: 11px;
}
.indicatore_prossimo_moltiplicatore
{
    position: absolute;
    z-index: 110;
    height: 63px;
    width: 120px;
    top: 163px;
    left: 418px;
    text-align: right;
    font-size: 10px;
}
.motiplicatore_attuale
{
    position:absolute;
    z-index:110;
    height: 42px;
    width: 42px;
    top: 162px;
    left: 278px;
    border:3px solid #FFF;
    border-radius:30px;
    text-align: center;
    box-shadow: inset 1px 1px 2px black;
    background:url(../images/contachilometri/bagliore_contagiri.png) left top;
}
.motiplicatore_attuale span
{
    margin: 10px 0px 0px 0px;
    position: relative;
    display: block;
    font-size: 18px;
}
.punti_level
{
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 230px;
    top: 128px;
    left: 184px;
    text-align: center;
    font-size: 20px;
}
.punti_level span
{
    margin: 4px 0px 0px 0px;
    position: relative;
    /*display: block;*/
    font-size: 18px;
}
.punti_premio
{
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 260px;
    top: 216px;
    left: 169px;
    text-align: center;
    font-size: 20px;
}
.punti_premio span
{
    margin: 4px 0px 0px 0px;
    position: relative;
    /*display: block;*/
    font-size: 18px;
}
#mese_corrente {
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 80px;
    top: 176px;
    left: 49px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform:capitalize;
}
#giorno_corrente {
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 30px;
    top: 175px;
    left: 13px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}
#giorni_rimanenti, #PHbody_giorni_rimanenti
{
    position: absolute;
    z-index: 110;
    height: 70px;
    width: 90px;
    top: 114px;
    left: 42px;
    text-align: right;
    font-size: 14px;
}
#giorni_rimanenti span, #PHbody_giorni_rimanenti span
{
    position: relative;
    display: block;
}
.div_disco1
{
	position:absolute;
	width: 182px;
	height: 184px;
	z-index: 80;
	left: 14px;
	top: 75px;
	}
#img_disco1
{
	width: 182px;
	height: 184px;
	background:url(../images/contachilometri/semicerchio1.png) left top;
	border:0px solid #FFF;
}
.div_disco2
{
	position:absolute;
	width:339px; 
	height:345px;
	z-index: 90;
	left: 127px;
	top: 41px;
	}
#img_disco2
{
	width:339px; 
	height:345px;
	background:url(../images/contachilometri/semicerchio2.png) left top;
	border:0px solid #FFF;
}
.div_disco3
{
	position:absolute;
	width: 182px;
	height: 184px;
	z-index: 80;
	left: 397px;
	top: 80px;
	}
#img_disco3
{
	width: 182px;
	height: 184px;
	background:url(../images/contachilometri/semicerchio3.png) left top;
	border:0px solid #FFF;
}


.bonus_disponibili_contenitore, .rake_cash_bonus_contenitore 
{
	position:relative;
	width:586px;
	/**/overflow:hidden;
	border-radius:0px 8px 8px 8px;
	box-shadow:2px 2px 6px #000;
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:20px;
	color:#162964;
	background: url(../images/sfondo_box_vip.png) repeat-x bottom #A17F7F;
}
.rake_cash_bonus_contenitore 
{
	width:300px;
	margin-right: 186px;
}
#PHbody_bonusDisponibiliContainer
{
    border-radius:8px;
	box-shadow:1px 1px 8px #000;
	background:#FFF;
	margin: 4px 10px 10px 10px;
	padding: 4px 10px 10px 10px;
	float: left;
	width: 545px;
}
#PHbody_bonusDisponibiliContainer ul li
{
    margin-top:9px;
    border-bottom:1px solid #BBB;
    padding-bottom:3px;   
} 
#PHbody_bonusDisponibiliContainer ul li span
{
    width: 8%;
    display: block;
    text-align: right;
    margin: 0px 5px 0px 0px;
    border-left: 1px solid #BBB;
    overflow: hidden;
    float: right
    
}   
.bonus_disponibili_contenitore .titolo1
{
    width: 46%;
    display: block;
    text-align: left;
    margin: 10px 5px 0px 18px;
    float: left;
    height: 21px;
}
.bonus_disponibili_contenitore .titolo2
{
    width: 46%;
    display: block;
    text-align: right;
    margin: 10px 5px 0px 0px;
    float:left;  
}  
.regole_vip
{
    border-radius:1px 8px 8px 8px;
    border:1px solid #162964;
    overflow:hidden;
    width:330px;
    padding:10px;
}
.titolo_vip_primario_regole 
{
    float: left;
    border:1px solid #162964;
    display: block;
    height: 10px;
    padding: 6px 14px 10px 14px;
    border-radius: 8px 8px 0px 0px;
    color:#162964;
    margin-bottom:-1px;
}
.regole_vip ul
{
    margin:0px;
}
.regole_vip ul li
{
    margin: 3px 2px 5px 16px;
    font-weight:normal;
    font-size:11px;
    color: #162964;
    list-style: disc;
}

.stella_vip_attiva
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:26px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/stella-bonus-blue-star-attiva.png) no-repeat top left;
    margin: 0px 2px;
    font-size: 16px;
}

.stella_vip_in_attesa
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:26px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/stella-bonus-blue-star-in-attesa.png) no-repeat top left;
    margin: 0px 2px;
    font-size: 16px;
}

.gold_vip
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:30px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/gold_attivo.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
}
.silver_vip
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:30px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/silver_attivo.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
}
.gold_vip_spento
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:30px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/gold_spento.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
    opacity: 0.5;
}
.gold_vip_spento2
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    text-shadow:0px 0px 4px rgb(255, 255, 255);
    height:30px;
    width:33px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/gold_spento.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
    opacity: 0.5;
    margin: 0px 139px;
}
.gold_vip2
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    text-shadow:0px 0px 4px rgb(255, 166, 3), 0px 0px 20px rgb(255, 10, 10), 0px 0px 20px rgb(255, 10, 10), 0px 0px 20px rgb(255, 10, 10);
    height:30px;
    width:38px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/gold_attivo.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
    margin: 0px 139px;
}
.silver_vip_spento
{
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:30px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/gold_spento.png) no-repeat  0px -4px;
    margin: 0px 5px;
    font-size: 16px;
    opacity: 0.5;
}
.scritta_argento
{
    color:#EEE;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 7px black;
    position: relative;
    top: 14px;
    width: 105px;
    float: left;
    text-align:center;
    left:2px;
}
.scritta_oro
{
    color:#Eb4;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 7px black;
    position: relative;
    top: 14px;
    width: 105px;
    float: left;
    text-align:center;
    left:2px;
}
#PHbody_divLegenda ul 
{
    margin:0px;
}
#PHbody_divLegenda ul li
{
    float: left;
    width: 48%;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px -10px 10px;
    font-size: 14px;
    font-weight:bold;
}
#PHbody_divLegenda ul li div
{
    margin: -7px 12px 10px 0px;
}
#incassaCashContachilometri table
{
    width:310px;
    margin: 1px auto;
}
#incassaCashContachilometri table th
{
    width:100%;
}
#incassaCashContachilometri input.cifra
{
    width: 62px;
    margin: 10px auto;
    text-align: center;    
    font-weight: bold;
    color: #500;
    box-shadow: inset 1px 1px 4px black;
    
}
#incassaCashContachilometri input.incassa
{
    width: 220px;
    text-align:center;
    height:38px;
    margin: 10px auto;
    font-weight:bold;
    color:#550000;
    border-radius:8px; 
    cursor:pointer;   
    background: url(../images/button_incassa.png) repeat-x 0px 2px #C8971B;
    box-shadow: 1px 1px 4px black;
    border: 0px;
}
span#PHbody_IncassoRake_lblStatus
{
    color:#ff0;
    text-align: center;
    width: 100%;
    font-size: 15px;
    display: block;
    padding: 7px 0;
}
table.RakeLevelMese
{
    color: #300;
    width: 97%;
    margin: 5px 5px 10px 5px;
    border: 0px solid;
    text-align:center;
}
table.RakeLevelMese tr
{
    color: #300;
    width: 96%;
    margin: 6px;
    border: 0px solid;
}
table.RakeLevelMese tr th
{
    
    border: 0px white;
    border-bottom: 1px dotted;
    border-right: 1px solid;
    padding: 5px 4px;
    vertical-align: top;
    text-align: center;
}
table.RakeLevelMese tr td
{
    border-left: 0px solid;
    padding:2px;
}

table.RakeLevelMese tr th.ultimo, table.RakeLevelMese tr td.ultimo
{
    border-right: 0px solid;  
}
/* CONTACHILOMETRI FINE */

