html, body { margin:0px; padding:0px; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
a:hover { text-decoration:none; }
a { color:#7E7EFF; }
#header { background-color: #fc37fe; width:100%; z-index:999; }
#header logo { float:left; font-family: 'Comfortaa', cursive; margin:0px; font-weight: 300; letter-spacing: -1px; }

logo a { font-size:32px!important; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* ipad */
	logo a { font-size:24px!important; } 
}

#header a { color:#fff; font-size:13px; text-decoration:none; }
#header a:hover { text-decoration:none; color:#fff;}
#header_bandinagrigia { background-color: #f2f2f2; margin-top:1px; margin-bottom:10px; border-bottom:0px dotted #CCCCCC; text-align:center; color:#990000; font-size:11px; padding:3px; }

.header_menu { height:50px; width:1170px; line-height:50px; margin:0 auto; }
#header_login { background-color:#fff; width:100%; height:48px; line-height:48px; z-index:99999999; }
.header_login_menu { width:1170px; text-align:left; margin:0 auto; color:#666666; font-size:12px; }
.headerlink a { padding:5px; margin:0px 2px; }
.headerlink a:hover { background-color: red; padding: 5px;border-radius: 6px; }
.fix-header { position:fixed; background-color:#0066FF;  top:0px; }
.header_line { box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, 0.16); }
.triangle { margin-left: 276px;    margin-top: -13px; }

@media only screen  and (max-width : 1024px) { /* smaller */
	.header_menu, .header_login_menu { width:970px; }
}

.margin10 { margin:10px; }
.select { border:1px solid #ccc; height:30px; line-height:30px; padding:4px 6px; font-size:14px; border-radius:4px; color: #666666; }

#layout { width:980px; position:relative; margin: 0 auto;  /* centra la pagina */ }
#centrale {width:740px; padding:10px; float:left;}

#menu_dx { float:right; min-height: 600px; height: auto !important; width:190px; border-left:1px solid #CCCCCC; margin-top:20px; padding-left:10px; padding-bottom:50px; position: sticky;
    top: 42px; }

.linea_tratteggiata { border-top:1px dotted #CCCCCC; }

.link_loggato { float:left; color:#ab8181; font-size:16px; font-weight:bold; font-family:'Trebuchet MS', Arial, Verdana; letter-spacing:-1px; margin-top:8px; }
.link_loggato a { color:#ab8181; text-decoration:none; }
.link_loggato a:hover { color:#3399FF; text-decoration:underline; }
#sottologin {text-align:right; letter-spacing:normal; color:#FF99CC; font-size:10px; padding:2px; font-weight:normal; margin-left:30px; }
#sottologin a {  color:#ab8181; }

#home_online { background-color: #EAF0FF; padding-top:10px; height:110px; font-size:11px; color: #669933; }
#home_online a { color:#0099FF; }
#home_online a:hover { text-decoration:none; }
.home_online { float:left; text-align:center; width:90px; height:110px; margin-left:2px; }

.link a { text-decoration:none; color:#0066FF; }
.link a:hover { text-decoration:underline; }

.forumquote { margin: 0px; background-color:#f2f2f2; border:1px solid #CCCCCC; width:90%; border-radius:10px; padding:4px; font-size:11px; line-height:normal; }
.testoquote { color:#6699FF; padding:4px; background-color:#fff;  }

.link_celeste a { color:#0099FF; }
a.link_celeste:visited { color:#0066FF; }

#my-pager a { color: #CCCCCC; width:8px; padding:0px 3px 0px 3px; font-weight:bold; font-size:11px; background-color:black; margin-left:5px; float:; text-decoration:none; }

#extra { background-color:#F7F7F7; padding:10px; color:#2992c1; font-size:11px; height:auto; }
#extra a { color:#2992c1; text-decoration:none; }
#extra a:hover { color: #666699; text-decoration:underline; }

#box_appuntamenti { width:188px; background-image:none; background-color:#fec7ff; border-radius:15px; box-shadow: 3px 3px #e1bbcc; color: #996699; font-size:12px; }

.annuncio_bloccohome { font-size:11px; color: #66CC66; float:left; text-align:center; width:123px; height:140px; } 
.annuncio_bloccohome img { padding:4px; border:1px solid #E5E5E5; }
.annuncio_bloccohome img:hover { border:1px solid #FF9900; opacity:0.8;filter:alpha(opacity=90); }
.annuncio_bloccohome a { color:#0099FF; text-decoration:none; }
.annuncio_bloccohome a:hover { color: #FF9900; text-decoration:underline; }

.box_stream { border-bottom:1px dotted #CCCCCC; font-size:14px; /*padding:6px;*/ line-height:1.5em; color:#666666; }
/* .box_stream img {padding:3px; border:1px solid #E5E5E5; background-color:#FFFFFF;} */

.arial24 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; color:#fc37fe; font-weight:normal; letter-spacing:-1px; margin:0px; }

.titolone_nero { color:#000000; font-size:42px; letter-spacing:-2px; margin:0px; line-height:0.9em; font-weight:bold; }

.piccologrigio {font-size:11px; color:#999999;}
.alert { padding:8px; color: #990000; font-size:12px; background-color: #FFFF99; border-bottom:1px solid #FFCC66; border-top:1px solid #FFCC66; }

.maschera_listato { float:right; text-align:center; line-height:20px; width:112px; height:20px; background-color:#ffa21d; background-image:url(https://img.annunci69.it/img/maschera_colori_listato.png); background-repeat:no-repeat; color:#fff; font-weight:bold; text-transform:capitalize; margin-right:10px; }

/* VIDEO */
.iconvideo { position:relative; background-repeat:no-repeat; background-position:center center; background-size: 100%; 100%; }
.playvideo_small { position:absolute; background-image:url(/img/play.png); z-index:99; width:100%; height:100%; background-size: 40%; background-repeat:no-repeat; background-position:center center;  }
.playvideo_small a { display:block;}
a.playvideo_small:hover { opacity:0.5;filter:alpha(opacity=70); margin:1px; }
.playvideo_big { background-image:url(/img/play_big.png); }


 .vjs-default-skin { color: #ffffff; }
  .vjs-default-skin .vjs-play-progress,
  .vjs-default-skin .vjs-volume-level { background-color: #d87de6 }
  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-big-play-button { background: rgba(146,64,225,0.7) }
  .vjs-default-skin .vjs-slider { background: rgba(146,64,225,0.2333333333333333) }
  .vjs-default-skin .vjs-control-bar { font-size: 100% }
  .vjs-default-skin .vjs-big-play-button { border:none; background-color:#000000; } 


/* Spinner */

.spinner {
  width: 40px;
  height: 40px;
  position: fixed;
  left: 50%;
  top: 50%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* PAGINA PROFILO */
.info_box { float:left; padding:3px; width:115px; height:47px; background-image:url(https://img.annunci69.it/img/back_info_profilo.gif); background-repeat:no-repeat; text-align:center; color:#84898c; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:16px; margin-right:5px; padding-top:8px; }
.text_grigio { color: #666666; font-size:14px; line-height:1.3em; }
.text_grigio a { color: #0099FF; }

#navig { font-size: 16px; color: #FF00FF; text-align:center; font-weight:bold; padding:5px; }
#navig a { 	color: #0099FF; font-size: 12px; text-decoration: none; padding:2px; margin:3px; border:1px solid #CCCCCC; display:block; min-width:13px; min-height:13px; float:left; font-weight:normal; }
#navig a:hover { color: #FFFFFF; text-decoration: none; background-color: #0066CC; }
.navig_nolink { padding:2px; margin:3px; background-color:#0099CC; color:white; font-weight:bold; width:12px; float:left; }

#footer { min-height:220px; padding-bottom: 40px; /*background-image:url(https://img.annunci69.it/img/sfondo_footer.gif); background-repeat:repeat-x; */ background-color:#EE36EE; font-size:13px; color: #FFCEFF;   line-height: 1.6em;  padding-top: 15px; }
#footer a { color: #FFCEFF; }

.loveback { height:auto; padding:10px; margin-bottom:10px; margin-top:6px; background-image:url(https://img.annunci69.it/img/back_commenti.gif); background-repeat:repeat-x; border:1px solid #EBD2FF; font-size:12px; padding:6px; line-height:1.4em; color:#666666; }

.img_border { padding:3px; border:1px solid #E5E5E5; background-color:#FFFFFF; }
.img_border:hover{ padding:3px; border:1px solid #FF9900; }
.img_border a:hover{ padding:3px; border:1px solid #FF9900; }

.bottoncino { float:left; width:32px; height:32px; margin:4px; text-align:center; background:url(https://img.annunci69.it/img/sprite_icone.png) no-repeat; background-position:-18px -21px; }
.bottoncino a { display:block; height:32px;  }
.bottoncino a:hover { background:url(https://img.annunci69.it/img/sprite_icone.png) no-repeat; background-position:-49px -21px; }

.input { background-color:#CC33CC; color:#FFFFFF; text-align:center; border:1px solid #CC33CC; padding:3px; font-weight:bold; }
.input:hover { background-color:#CC66FF; cursor:pointer; margin-top:1px; }

/* POSTA */
.namerosa { color:#ab8181; }
.namerosa a { color:#ab8181;}
.namerosa a:hover { text-decoration:none; }

.bottoni_lunghi { width:201px; height:24px; font-size:11px; line-height:24px; margin:8px; text-align:center; background:url(https://img.annunci69.it/img/sprite_icone.png) no-repeat; background-position:0px -56px; }
.bottoni_lunghi a { display:block; height:24px; color:#a21717; text-decoration:none; }
.bottoni_lunghi a:hover { background:url(https://img.annunci69.it/img/sprite_icone.png) no-repeat; background-position:0px -81px; }


/* BLOG */
.canali { color: #FF0000; font-size:13px; line-height:1.6em; border-bottom:1px dotted #999999; }
.canali a { color:#CC9900; text-decoration:none; }
.canali a:hover { text-decoration:underline; }
.quote { margin:8px; padding:10px; font-style:oblique; background-color:#F3F3F3; }
.subtitolo_articolo { color:#FD58B5; font-size:24px; font-weight:bold; /* font-family:'Trebuchet MS', Arial, Verdana; */ letter-spacing:-1px; text-transform:@uppercase; }
.imgmargin img { margin:10px 10px 10px 0px; padding:2px; max-width: 100%; height: auto; }

.vota_art { border:1px solid #E8E8E8; font-size:11px; display: inline-block; }
a.vota_art { color: #999999; padding:2px 4px 2px 2px; border-radius:6px; text-decoration:none; }
.vota_art img { opacity:0.4; }
a.vota_art:hover {	border:1px solid #E8E8E8; color: #FFFFFF; border-radius:6px; text-decoration:none; background-color: #CC99FF; }

/* SPRITE */
.sprite_icone { background:url(https://img.annunci69.it/img/sprite_icone.png) no-repeat; border:0px; margin:0px; padding:0px;  }
.cuore {background-position:-92px -2px; }
.bustina {background-position:-4px -5px; }
.amicizia {background-position:-25px -2px; }
.bacio {background-position:-47px -3px; }
.blocca {background-position:-73px -2px; }
.user {background-position:0px -25px; }
.backred_posta { background-position:-81px -21px; width:11px; height:17px; line-height:13px; font-size:9px; color:white; text-align:center; font-family:Tahoma, Verdana, Arial; }
.bottone_arancione {background-position:-120px -29px;  width:80px; height:26px; line-height:23px; font-size:10px; color:white; text-align:center; font-weight:bold; }
.bottone_arancione:hover {color:red; cursor:pointer;}

.sprite_bottoni { background:url(https://img.annunci69.it/img/sprite_bottoni.png) no-repeat; border:0px; margin:0px; padding:0px;  }
.richiedi_amicizia {background-position:0px 0px; margin-right:6px; }
.richiedi_amicizia:hover {background-position:0px -48px; }
.rimuovi_amicizia { background-position:-508px 0px; margin-right:6px; }
.rimuovi_amicizia:hover { opacity:0.8;filter:alpha(opacity=90); }
.invia_msg {background-position:-169px 0px; margin-right:6px;}
.invia_msg:hover {background-position:-169px -48px; }
.lascia_feedback {background-position:-342px 0px; margin-right:6px;}
.lascia_feedback:hover {background-position:-342px -48px; }
.blacklist {background-position:0px -93px; margin-right:6px;}
.blacklist:hover {background-position:-170px -93px; }
.blacklist_remove {background-position:-341px -93px; margin-right:6px;}
.blacklist_remove:hover {background-position:-170px -93px; }

.sprite_barrafoto { background:url(/img/sprite_barrafoto.png) no-repeat; border:0px; margin:0px; padding:0px; }
.barrablu {background-position:10px 0px;}
.barragrigia {background-position:10px -37px; }
.barraverde { background-position:10px -74px; text-align:right; padding:5px 3px 0px 0px; }


/* RACCONTI EROTICI */
.listaracc { font-family:"Trebuchet MS", Arial, Verdana; font-size:10px; color:#7f7f7f; }
.listaracc a { font-size:15px; color:#9e37fe; text-decoration:none; font-weight:bold; }
.listaracc a:hover { text-decoration:underline; }
.testoracc { font-size:14px; color:#666666; line-height:1.6em; font-family:Arial, Helvetica, sans-serif; }
.testoracc a { color: #666666; text-decoration:none; }
.testoracc a:hover { text-decoration:underline;}
.targhetta_racconti { width:162px; height:22px; line-height:23px; padding-left:12px; text-transform:uppercase; color:white; font-size:13px; border-radius:5px; }

/* PPC */
.ppc { font-size:14px; font-family:Arial, Helvetica, sans-serif; width:230px; height:90px; float:left; margin-right:16px;}
.ppc a { display:block; text-decoration:none; }
.ppc a:hover { text-decoration:none; background-color: #f2f2f2; border:1px solid #80FFBF; }
.ppc .title { color: #0066FF; font-size:22px; font-weight:bold; }
.ppc .link { color: #66CC00; }
.sexbox {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px; font-weight: bold; float:left; width:154px; border-left: 1px solid #CCCCCC; padding:5px;
	display:block; margin-bottom:15px;
	padding-left:24px; line-height:1.5em;
}
.sexbox a { text-decoration:none; color:#5b3c9d; }
.sexbox a:hover { text-decoration:underline; background-color: #FFFF66; }
.sexbox span { font-size:9px; font-weight:normal; color:#0099FF; font-family: Tahoma, Verdana, Arial; }

/* ESIBIZIONISTE position orizzontale/verticale */ 
.bottoni_fan { background:url(https://img.annunci69.it/img/palco_bottonifan.png) no-repeat; border:0px; margin:0px; padding:0px;  }
.diventafan { background-position:0px 0px;}
.diventafan:hover {background-position:0px -52px; }
.eliminafan { background-position:-204px 0px;}
.eliminafan:hover {background-position:-204px -52px; }
.icoshow { width:153px; height:155px; background-image:url(https://img.annunci69.it/img/palco_backicoset.png); background-repeat:no-repeat; padding-top:10px; }
.bottoncino_chiaro { padding:2px; width:81px; height:18px; background-image:url(https://img.annunci69.it/img/bottoncino.png); background-repeat:no-repeat; text-align:center; color:#787595; margin-left:15px; font-size:9px; margin-top:6px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#787595; }
.bottoncino_chiaro a { color:#787595; text-decoration:none; }
.bottoncino_chiaro a:hover { color: #003366; text-decoration:underline; }
.palco_homeimgscheda {background-image:url(https://img.annunci69.it/img/palco_backhome.png); width:159px; height:208px; text-align:center; background-repeat:no-repeat; padding-top:8px;}
.palco_homeimgscheda img:hover { border:4px solid #FFCC00; opacity:0.8;filter:alpha(opacity=90); margin-top:-4px; }
.palco_vip img { border:3px solid #FFCC00; margin-top:-4px; }
.palco_vip img:hover { border:3px solid #CCCCCC; margin-top:-6px; }
.palco_homestar { position:absolute; line-height:50px; text-align:left; padding-left:6px; font-size:12px; background-image:url(https://img.annunci69.it/img/palco_fansstar.png); width:169px; height:52px; background-repeat:no-repeat; left: 8px; top: 166px; }
.bott_celestino { background-image:url(https://img.annunci69.it/img/bott_apripalco.png); background-repeat:no-repeat; width:125px; height:20px; padding:3px; text-align:center; margin:0px auto; margin-top:4px; }
.bott_celestino a { text-decoration:none; color:#6699CC; display:block; font-size:10px; }
.bott_celestino a:hover { text-decoration:underline; color:#999900; margin-top:1px; }
.ico_cornice { background-image:url(https://img.annunci69.it/img/palco_backicon.png); text-align:center; background-repeat:no-repeat; width:119px; height:123px; padding-top:10px; }
.ico_cornice img:hover{ opacity:0.8;filter:alpha(opacity=90); }


/* Bottoni CSS3 */
.bottonecss3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.bottonecss3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.bottonecss3:active {
	position:relative;
	top:1px;
}

    .btnorange {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
        -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
        box-shadow:inset 0px 1px 0px 0px #fce2c1;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
        background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
        background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
        
        background-color:#ffc477;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #eeb44f;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:bold;
        padding:4px 13px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #cc9f52;
        
    }
    .btnorange:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
        background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
        background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
        
        background-color:#fb9e25;
    }
    .btnorange:active {
        position:relative;
        top:1px;
    }

/* Css3 tags */ /* etichette CSS3 */

	
.tags a {	
	display: inline-block;
	height: 15px;
	line-height: 15px;
	position: relative;
	margin: 0 16px 8px 0;
	padding: 0 5px 0 11px;
	background: #777;	
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;	
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;	
	border-top-right-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #fff;
	font-size: 9px;
	
	font-family: Verdana,sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	} 

.tags a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -7px;
	width: 0;
	height: 0;
	border-color: transparent #3243A5 transparent transparent;
	border-style: solid;
	border-width: 6px 8px 10px 0;		
	}

.tags a:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 2px;
	float: left;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	-moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
	box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
	}

.tags a:hover {background:#777;}	
.tags a:hover:before {border-color:transparent #777 transparent transparent;}

.tags a.color1 {background: #f58220;}
.tags a.color1:before {border-color: transparent #f58220 transparent transparent;}

.tags a.color2 {background: #97c224;}
.tags a.color2:before {border-color: transparent #97c224 transparent transparent;}

.tags a.color3 {background: #de3f3e;}
.tags a.color3:before {border-color: transparent #de3f3e transparent transparent;}

.tags a.color4 {background: #ec008c;}
.tags a.color4:before {border-color: transparent #ec008c transparent transparent;}

.tags a.color5 {background: #00a6df;}
.tags a.color5:before {border-color: transparent #00a6df transparent transparent;}

.tags a.color6 {background: #666666;}
.tags a.color6:before {border-color: transparent #666666 transparent transparent;}

.tags a:hover {background:#666 !important}	
.tags a:hover:before {border-color:transparent #666 transparent transparent !important}


.small a {
	height: 21px;
	line-height: 21px;
	float: none;
	font-size: 11px;
}

.small a:before {
	left: -10px;
	border-width: 10px 10px 10px 0;	
}

.small a:after {
	top: 8px;
}

/* lista numerica carina */

ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
    
    counter-reset: li-counter;
}
ol.simple-list > li{
    position: relative;
    margin-bottom: 30px;
    padding-left: 1.1em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
}
ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -1.4em;
    width: 1.2em;
     
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #DDDDDD;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}