/* ******************** */
/* 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: #106010 url(../grafica/b_circ.gif);
}

table.Download th {
	font: bold 10pt "Copperplate Gothic Bold", "Arial", sans-serif;
	color: #062A06;
	background: #8ef28e url(../grafica/b_mhead.gif) repeat-x center left;
}

table.Download td {
	font: 10pt "Arial", sans-serif;
	color: inherit;
	background-color:#4b4b4b;
	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:#4b4b4b;

	padding: 5px 5px 3px 5px;
	color: inherit;
	border: 2px solid #4b4b4b;
	background: transparent url(../grafica/b_chfade.gif);
	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 #4b4b4b;
	padding: 4px 3px;
	background: transparent url(../grafica/b_chfade.gif);
}

/* ******************** */
/* 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 #4b4b4b;
	/* background-color: white; */
	background: #202020 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 #404040;
	/* padding: 0 15px 5px 10px; */
	padding: 0 0 5px 10px;
	background: transparent url(../grafica/b_chfade.gif);
	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%;
}


