div, p { 
	margin:0;
	padding:0;
}


/* scrollbar style */
::-webkit-scrollbar { 
	width: 16px; 
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,1); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(168,0,0,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(168,0,0,1); 
}

.alCenter { text-align: center; }
.alLeft { text-align: left; }
.colBlack { color: #000; }
.colWhite { color: #fff; }
.colPurple { color: #ff44ff !important; }
.colGreen { color: #00ff00 !important; }

body {
    font-family: arial;
    font-size: 12px;
    overflow: hidden;
    
    color: #fff;

	margin: 0;
}

.black {
	background-attachment: scroll; 
	background-repeat: no-repeat; 
	background-position-x: center; 
	background-position-y: top; 	
	background-color: rgb(0, 0, 0); 
	background-image: url("../imgs/back.jpg");
}

#container {
    width:950px;
    height:620px;
    
    position:absolute;
    top:5px;
	left:0;
	
    display:block;
}

#header {
	width:100%;
	height: 110px;
	
	position:absolute;	
	top:0;
	left:0;
	
	display:block;
	background: url("../imgs/head.png") no-repeat scroll 0 bottom transparent;
}

#center {
	width:100%;
	height: 450px;
	
	position: relative;	
	top:113px;
	left:0;
	
	display:block;
	
	overflow-y: scroll;
	overflow-x: hidden;
	
	
  scrollbar-face-color:#a80000;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#000000;
  scrollbar-shadow-color:#000000;
  scrollbar-highlight-color:#a80000;
  scrollbar-3dlight-color:#a80000;
  scrollbar-darkshadow-Color:#000000;
}

#footer {
	width:100%;
	height: 30px;
	
	position:absolute;	
	top:586px;
	left:0;
	
	display:block;
	background: url("../imgs/foot.png") no-repeat scroll 0 0 transparent;
}

#footer.infofooter{
	height: 60px;
	top:556px;
	background: url("../imgs/foot1.png") no-repeat scroll 0 0 transparent;
}

#footDati {
	width:200px;
	height: 14px;
	
	padding-left:25px;
	
	position:absolute;	
	top:8px;
	left:7px;
	
	display:block;
	background: url("../imgs/footLoad.png") no-repeat scroll 0 0 transparent;
}

.infofooter #footDati{
	top:38px;
}

#footOra {
	width:200px;
	height: 14px;
	
	position:absolute;	
	top:8px;
	left:375px;
	
	display:block;
	
	text-align: center;
}

.infofooter #footOra{
	top:38px;
}

#footOra.green {
	color: #00ff00;
}

#footUsers {
	width:320px;
	height: 14px;

	position:absolute;	
	top:8px;
	right:7px;
	
	display:none;
	
	text-align: right;
}

.infofooter #footUsers{
	top:38px;
}

#footUsers a {
	color: #ffff44;
	font-weight: bold;
}

#prefooter{
	display: none;
	posizion: absolute;

	top:0px;
	left:0px;
}

#prefooter #info1{
	margin-top:8px;
	margin-left:7px;

	height:22px;
	text-align: left;

	display: inline-block;
}

#prefooter #info2{
	margin-top:8px;
	margin-left:7px;

	height:22px;
	text-align: left;

	display: inline-block;

	text-align: center;
	font-weight: bold;
	color: #ffff00;
}

#header .logo_sx
{
	position: absolute;
	top: 5px;
	left: 0;
	
	width: 200px;
	height: 100px;
	
	background: url("../imgs/logo_ficr.png") no-repeat scroll 0 0 / 170px auto;
}

#header .logo_cx
{
	position: absolute;
	top: 0;
	left: 383px;
	
	width: 400px;
	height: 100px;
	
	background: url("http://www.rallylink.it/cms15/images/diretteweb_2016/roma/logo_roma.png") no-repeat scroll 0 0 / auto 98px;
}


#header .logo_dx
{
	position: absolute;
	right: -100px;
	top: 0px;
	
	width: 200px;
	height: 100px;

	background: url("http://www.cronoroma.it/templates/99theme/immagini/logo_roma.png") no-repeat scroll 0 0 / 100px auto;
}

#header_testo_dx.righe_1
{
	top: 20px;
	height: 25px;
}

#header_testo_dx p.riga1
{
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	
	text-align: right;
}

#header_testo_dx p.riga2
{	
	font-size: 12px;
	font-weight: normal;
	
	text-align: right;
}


#header_gara
{
	position: absolute;
	left: 6px;
	top: 73px;
}

#header_countdown
{
	position: absolute;
	left: 375px;
	top: 73px;
	
	width:200px;
	
	text-align: center;
	
}

#header_luogo
{
	position: absolute;
	right: 6px;
	top: 73px;
}

#legendQual,
#legendGara
{
	position: absolute;
	top:110px;
	left:0;
	width: 100%;
	height: 100px;
	
	display: none;
}

#legendQual div,
#legendGara div
{
	position: absolute;
	top:3px;
	left:0;
}


#center .tempi_qual,
#center .tempi_gara
{
	width: 100%;
	height: auto;
}

#center div[id|=trqual],
#center div[id|=trgara]
{
	position: absolute;
	top: -40px;
	left: 0;
	
	width: 100%;
	height: 26px;
	
	background: url("../imgs/qual.png") no-repeat scroll 0 0 transparent;
	
	overflow: hidden;
}

#center div[id|=trgara]
{
	background: url("../imgs/gara.png") no-repeat scroll 0 0 transparent;

}

#center div[id|=trqual] div,
#center div[id|=trgara] div
{
	position: absolute;
	top:5px;
	left:400px;
	
	width: 5px;
	height: 26px;
	
	overflow: hidden;
}

#center div[id|=trqual] div.selected,
#center div[id|=trgara] div.selected
{
	background: url("../imgs/new_pass.png") no-repeat scroll 0 0 transparent;
	color: #000 !important;
}

#center div[id|=trqual] div.selected1
{
	background: url("../imgs/new_pass.png") no-repeat scroll 0 0 transparent;
	background-size: 108% 85%;
	color: #000 !important;
}

#center div[id|=trgara] div.selected1
{
	background: url("../imgs/new_pass.png") no-repeat scroll 0 0 transparent;
	background-size: 107% 85%;
	color: #000 !important;
}

#center div[id|=trqual] .nome .classe,
#center div[id|=trgara] .nome .classe
{
	font-size: 70%;
	display: none;
	color: #ffff88;
}

#center div[id|=trqual] .naz,
#center div[id|=trgara] .naz
{
	background-size: 81% 54%;
	background-repeat: no-repeat;
	background-position:  0 1px;
	background-color: transparent;
}

.avgrund-popin {
	color: #000;
	font-size: 12px;
}


.avgrund-popin .modalTxt {
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 14px;
}

.avgrund-popin ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.avgrund-popin li {
	padding: 5px;
	margin: 7px;
	cursor: pointer;
	width: 100%;
	background-color: #fff;
}

.avgrund-popin li:hover {
	background-color: #ffff66;
}

.avgrund-popin .modalLuogo {
	font-weight: bold;
	color: #000088;
}

.avgrund-popin .modalManifestazione {
	color: #000000;
}






#tableInfo{
	margin: 0 auto;
}


#tableInfo td{
	vertical-align: top;
	text-align: center;
	padding: 0px 7px;
}

#tableInfo td#blocco1{
	padding: 0 40px 0 0;
	font-size: 120%;
    font-weight: bold;
}

#tableInfo td#blocco2{
	padding: 0px;
}

#tableInfo td#bl11_nu,
#tableInfo td#bl11_eq,
#tableInfo td#bl12_nu,
#tableInfo td#bl12_eq,
#tableInfo td.b2_eq,
#tableInfo td.b2_au{
	text-align: left;
}

#manifestaz{
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	margin:15px 0px;
}

.bl1_eq{
	font-size: 120%;
	margin-right:  15px;
}
.bl1_au{
	font-size: 90%;
	color: #ffffff;
}

#blocco1 td{
	color: #ffff99;
}