@charset "utf-8";
/* CSS Document © Copyright 2011, All rights reserved
   This sheet loads a lite set of styles for HWD related modules and plugins */
/**********************************************************************************************/
.media-item {
    position:relative;
}
/* START Overrides to keep duration location correct */
.media-item a {
    line-height:0px;
}
/* END Overrides to keep duration location correct */
.media-duration {
	position:absolute;
	left:2px;
	bottom:2px;
	color:#fff;
	font-size:10px;
	padding:1px 2px;
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 0 1px #DDDDDD; 
}
.media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
.media-item-format-1-0, .media-item-format-1-1, .media-item-format-1-2, .media-item-format-1-3, .media-item-format-1-4, .media-item-format-2, .media-item-format-2-2, .media-item-format-3, .media-item-format-4, .media-item-format-5, .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}

#main ul.media-nav, ul.media-nav, #main ul.media-nav li, ul.media-nav li, #main ul.media-nav ul, ul.media-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main ul.media-nav, ul.media-nav, #main ul.media-subnav, ul.media-subnav {
	/* margin: 0!important; */
        /* padding: 0!important; */
}
#main ul.media-nav, ul.media-nav {
        float: right;
	z-index: 1;
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
#main ul.media-nav li, ul.media-nav li {
	float: left;
	vertical-align: middle;
	zoom: 1;
}
#main ul.media-nav li:hover, ul.media-nav li:hover {
	position: relative;
	z-index: 3;
	cursor: default;
}
#main ul.media-nav li a, ul.media-nav li a {
	display: block;
	float: none;
	text-decoration:none;
}
#main ul.media-nav a:hover, ul.media-nav a:hover {
	color:inherit;
}
#main ul.media-nav ul, ul.media-nav ul {
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
	visibility: hidden;
	position: absolute;
	top: 100%;
	right:0;
	z-index: 3;
	width: auto;
	min-width:120px;
	padding:5px;
}
#main ul.media-nav ul li, ul.media-nav ul li {
	float: none;
	white-space:nowrap;
	margin:0;
	padding:0;
}
#main ul.media-nav ul li a, ul.media-nav ul li a {
	padding:5px 5px 5px 20px;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	border-radius:0;
	display:block;
	border-bottom:1px solid #ddd;
}
#main ul.media-nav ul ul, ul.media-nav ul ul {
	top:-5px;
	left:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#main ul.media-nav li:hover > ul, ul.media-nav li:hover > ul {
	visibility:visible;
}
#main ul.media-nav li a.pagenav-manage, ul.media-nav li a.pagenav-manage {
	text-indent:-9999px;
	margin:0;
	width:20px;
	height:20px;
	background:url(../images/icons/20/manage.png) no-repeat 50% 50%;
}
#main ul.media-nav li a.pagenav-edit, ul.media-nav li a.pagenav-edit {
	background:url(../images/icons/16/edit.png) no-repeat 0 50%;
}
#main ul.media-nav li a.pagenav-publish, ul.media-nav li a.pagenav-publish {
	background:url(../images/icons/16/publish.png) no-repeat 0 50%;
}
#main ul.media-nav li a.pagenav-unpublish, ul.media-nav li a.pagenav-unpublish {
	background:url(../images/icons/16/unpublish.png) no-repeat 0 50%;
}
#main ul.media-nav li a.pagenav-delete, ul.media-nav li a.pagenav-delete {
	background:url(../images/icons/16/delete.png) no-repeat 0 50%;
}
#main ul.media-nav li a.pagenav-exif, ul.media-nav li a.pagenav-exif {
	background:url(http://archivio.dedalomultimedia.it/media/com_hwdmediashare/assets/images/icons/16/exif.png) no-repeat 0 50%;
}
#main ul.media-nav li a.pagenav-sizes, ul.media-nav li a.pagenav-sizes {
	background:url(../images/icons/16/sizes.png) no-repeat 0 50%;
}
/**********************************************************************************************/
/* JomSocial overloads */
#community-wrap #hwd-container .panel h3
{
        border: none;
        width: auto!important;
        padding: auto!important;
}
#community-wrap #hwd-container .panel h3 a
{
        border: none;
        margin: auto!important;
        padding: auto!important;
}
#community-wrap #hwd-container h1
{
    font-size: inherit;
}
#community-wrap #hwd-container h1{font-size:25px}
#community-wrap #hwd-container h2{font-size:23px}
#community-wrap #hwd-container h3{font-size:21px}
#community-wrap #hwd-container h4{font-size:19px}
#community-wrap #hwd-container h5{font-size:17px}
#community-wrap #hwd-container h6{font-size:15px}
#community-wrap #hwd-container h1, #community-wrap #hwd-container h2, #community-wrap #hwd-container h3, #community-wrap #hwd-container h4, #community-wrap #hwd-container h5, #community-wrap #hwd-container h6 {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Set width of thumbnails in lists */
.hwd-module table.category div.media-item {
        width:100px!important;
}
.hwd-module div.media-item img.media-thumb {
        max-width: 100%;
}
/* Responsive media display */
.hwd-module .media-respond {
        overflow:hidden;
        position:relative;
        margin:0 auto;
}
.hwd-module .media-respond div.media-content {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        width:100%;
        z-index:2;
        clear:both;
}
.hwd-module .media-respond .media-aspect {
        background:#000;
        z-index:1;
}
.hwd-module .media-respond .media-aspect[data-aspect='0.75'] {
        padding-top:75%; /* 4:3 aspect ratio */
}
.hwd-module .media-respond .media-aspect[data-aspect='0.5625'] {
        padding-top:56%; /* 16:9 aspect ratio */
}
.hwd-module .media-respond object {
	left:0; /* Strange little tweak for JW Player 6 in Flash mode */
}