/* ******************** */
/* downloas.css         */
/* LoK Portal           */
/* Download area        */ 
/*          Style Sheet */
/* (c) 2003 by Ohmnibus */
/* ******************** */

div.Download p
	{text-align: justify;}
	
div.Download p.DownloadSubSect
	{margin-left: 30px;}

	
table.Download {
	width:100%;
	margin-bottom: 10px;
	background: #850B01 url(../grafica/b_flame5.gif);
}

table.Download th {
	font: bold 10pt "Copperplate Gothic Bold", "Arial", sans-serif;
	color: #780000;
	background: #FFC800 url(../grafica/b_flame1.gif);
}

table.Download td {
	font: 10pt "Arial", sans-serif;
	color: inherit;
	background-color:#2B516B;
	/* background-color:#142632; */
	vertical-align: middle;
}

table.Download *.Elemento
	{text-align: left;}
table.Download *.Data,
table.Download *.File,
table.Download *.Conteggio,
table.Download *.Formato,
table.Download *.Autore
	{text-align: center;}
table.Download *.Byte
	{text-align: right;}
	
/* table.Download *.Elemento {width: 30%;}
table.Download *.Autore {width: 15%;}
table.Download *.Data {width: 14%;}
table.Download *.File {width: 20%;}
table.Download *.Formato {width: 10%;}
table.Download *.Byte {width: 10%;} */

table.Download *.Conteggio {width: 8%;}
table.Download *.Elemento {width: 32%;}
table.Download *.Data {width: 20%;}
table.Download *.Autore {width: 20%;}
/* table.Download *.File {width: 20%;} */
table.Download *.Formato {width: 10%;}
table.Download *.Byte {width: 10%;}

/* Thumbnails */

div.thumbArea {text-align:center;}

div.thumbArea div.thumb {
    /* display:table-cell; */
    display:inline-block;
    /* display:inline; */
    vertical-align:top;
    padding:8px 0;
    margin:5px 5px;
    border:none;
    width:180px;
	background-color:#2B516B;

	padding: 5px 5px 3px 5px;
	color: inherit;
	border: 2px solid #2B516B;
	background: transparent url(../grafica/b_chfade.png);
	vertical-align: top;

    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari */
}

div.thumbArea div.thumb:not(:-moz-any-link) {
    display:inline-block;
    width:180px;
}

div.thumb span {
	display:block;
	/* width:180px; */
	/* overflow:hidden; */
	font: 10pt "Arial", sans-serif; margin: 0.2em 0em;
}

/*
div.thumb span.Autore,
div.thumb span.Data {
	font-size:smaller;
}
*/

div.thumb span.Elemento {
	font-size:larger;
	font-weight:bold;
}

div.Download h2 a {
	display:block;
	width:100%;
	border: 1px solid #2B516B;
	padding: 4px 3px;
	background: transparent url(../grafica/b_chfade.png);
}

/* ******************** */
/* Download Detail area */
/* ******************** */

/* Lightbox */
div.BlackOverlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
div.WhiteContent {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 2px solid #2B516B;
	/* background-color: white; */
	background: #142632 url(../grafica/b_logo.gif) no-repeat 50% 50%;
	z-index:1002;
	overflow: auto;
}

div.WhiteContent .CloseLabel {
	display: block;
    position: absolute;
    bottom: 0;
    right: 0;

	margin-bottom: 5px;
	margin-right: 10px;
	background: transparent;
}

div.WhiteContent .WaitImageContainer {
	display: block;
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: 107px;
	height: 19px;
}

div.WhiteContent .WaitImage {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}

/* Standard page */
div.Download div.Body {
	float: left;
	clear: left;
	
	vertical-align: text-top;
	padding: 0 0 10px 0;
	width: 60%;
}

div.Download div.Details {
	float: right;
	clear: right;
	
	color: inherit;
	border: 2px solid #2B516B;
	/* padding: 0 15px 5px 10px; */
	padding: 0 0 5px 10px;
	background: transparent url(../grafica/b_chfade.png);
	vertical-align: text-top;
	width: 36.5%;
	
}

div.Download div.Details p {
	text-align: left;
}

div.Download div.Details span.Field {
	display: block;
	float: left;
	width: 40%;
}


