@charset "utf-8";
/* CSS Document © Copyright 2011, All rights reserved
   This sheet loads the HWD styles */
/**********************************************************************************************/
/* HWD Common Items */
.tip-wrap {
	z-index:9999;
}
#hwd-container .category-desc {
	position:relative;
	padding-right:20px;
}
#hwd-container {
	margin-bottom:20px;
}
#hwd-container .clear {
	clear:both;
}
#hwd-container .tip {
	width:100%;
	max-width:100%;
	padding:0;
	margin-bottom:20px;
}
#hwd-container .tip-text {
	padding:10px;
}
#hwd-container .media-header {
	position:relative;
}
#hwd-container .phrases {
	clear:both;
	margin-bottom:20px;
}
#hwd-container .media-item-format-1-0, #hwd-container .media-item-format-1-1, #hwd-container .media-item-format-1-2, #hwd-container .media-item-format-1-3, #hwd-container .media-item-format-1-4, #hwd-container .media-item-format-2, #hwd-container .media-item-format-2-2, #hwd-container .media-item-format-3, #hwd-container .media-item-format-4, #hwd-container .media-item-format-5, #hwd-container .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/* START Overrides to keep duration location correct */
#hwd-container .media-item a {
        line-height:0px;
}
/* END Overrides to keep duration location correct */
#hwd-container .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;        
}
/**********************************************************************************************/
/* HWD Main Navigation */
#hwd-container .media-mediamenu {
	margin-bottom:20px;
}
#hwd-container .media-mediamenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hwd-container .media-mediamenu ul li {
	margin:0 3px 5px 0;
	padding:0;
	list-style:none;
	display:inline-block;
}
#hwd-container .media-mediamenu ul li a {
	display:block;
	padding:3px 5px;
	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 */
}
#hwd-container .media-mediamenu ul ul {
        display:none;
}

/**********************************************************************************************/
/* Media View */
#hwd-container .media-featured-view .media-item {
	position:relative;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-featured-view .media-item-format-1-1, #hwd-container .media-featured-view .media-item-format-1-2, #hwd-container .media-featured-view .media-item-format-1-3, #hwd-container .media-featured-view .media-item-format-1-4, #hwd-container .media-featured-view .media-item-format-2, #hwd-container .media-featured-view .media-item-format-3, #hwd-container .media-featured-view .media-item-format-4, #hwd-container .media-featured-view .media-item-format-5, #hwd-container .media-featured-view .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-featured-view .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* Media View */
#hwd-container .media-media-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-category-ls {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#hwd-container .media-category-ls li {
	margin:5px 5px 5px 0;
	padding:5px;
	list-style:none;
	display:inline-block;
	float:left;
	line-height:17px;
	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 */
}
#hwd-container .media-category-ls li a {
}
#hwd-container .media-category-ls li a.ls-detail {
	background:url(../images/icons/16/details.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .media-category-ls li a.ls-grid {
	background:url(../images/icons/16/gallery.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .media-category-ls li a.ls-list {
	background:url(../images/icons/16/list.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .media-category-ls li a.ls-sbs {
	background:url(../images/icons/16/sbs.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .media-category-ls li a.ls-tree {
	background:url(../images/icons/16/tree.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .media-category-ls li a.ls-add {
	background:url(../images/icons/16/add.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:16px;
	height:16px;
}
#hwd-container .filter-search {
	margin-bottom:10px;
}
#hwd-container .display-limit {
	float:right;
	margin:0 0 10px 5px;
}
/* Details Specific Styles */
#hwd-container .media-details-view {
	margin:10px 0;
}
#hwd-container .media-details-view .item {
	position:relative;
}
#hwd-container .media-details-view .media-item {
	position:relative;
}
#hwd-container .media-details-view .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container .media-details-view .media-item-format-1-0, #hwd-container .media-details-view .media-item-format-1-1, #hwd-container .media-details-view .media-item-format-1-2, #hwd-container .media-details-view .media-item-format-1-3, #hwd-container .media-details-view .media-item-format-1-4, #hwd-container .media-details-view .media-item-format-2, #hwd-container .media-details-view .media-item-format-3, #hwd-container .media-details-view .media-item-format-4, #hwd-container .media-details-view .media-item-format-5, #hwd-container .media-details-view .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/* Gallery Specific Styles */
#hwd-container .media-gallery-view {
	margin:10px 0;
}
#hwd-container .media-gallery-view .media-item {
	position:relative;
}
#hwd-container .media-gallery-view .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container .media-gallery-view .media-item-format-1-1, #hwd-container .media-gallery-view .media-item-format-1-2, #hwd-container .media-gallery-view .media-item-format-1-3, #hwd-container .media-gallery-view .media-item-format-1-4, #hwd-container .media-gallery-view .media-item-format-2, #hwd-container .media-gallery-view .media-item-format-3, #hwd-container .media-gallery-view .media-item-format-4, #hwd-container .media-gallery-view .media-item-format-5, #hwd-container .media-gallery-view .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/* List Specific Styles */
#hwd-container .media-list-view {
	margin:10px 0;
}
#hwd-container .media-list-view .state.publish {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/icons/16/plug-connect.png) no-repeat 50% 50%;
}
#hwd-container .media-list-view .state.unpublish {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/icons/16/plug-disconnect.png) no-repeat 50% 50%;
}
#hwd-container .media-list-view .media-item-listing, #hwd-container .media-list-view .media-item {
	position:relative;
}
#hwd-container .media-list-view .media-nav {
	position:relative!important;
}
#hwd-container .media-list-view .media-item-format-1-1, #hwd-container .media-list-view .media-item-format-1-2, #hwd-container .media-list-view .media-item-format-1-3, #hwd-container .media-list-view .media-item-format-1-4, #hwd-container .media-list-view .media-item-format-2, #hwd-container .media-list-view .media-item-format-3, #hwd-container .media-list-view .media-item-format-4, #hwd-container .media-list-view .media-item-format-5, #hwd-container .media-list-view .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/* Comparison Specific Styles */
#hwd-container .media-comparison-view {
	margin:10px 0;
}
#hwd-container .media-comparison-view .media-item {
	position:relative;
}
#hwd-container .media-comparison-view .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container .media-comparison-view .media-item-format-1-1, #hwd-container .media-comparison-view .media-item-format-1-2, #hwd-container .media-comparison-view .media-item-format-1-3, #hwd-container .media-comparison-view .media-item-format-1-4, #hwd-container .media-comparison-view .media-item-format-2, #hwd-container .media-comparison-view .media-item-format-3, #hwd-container .media-comparison-view .media-item-format-4, #hwd-container .media-comparison-view .media-item-format-5, #hwd-container .media-comparison-view .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/* Category Tree Specific Styles */
#hwd-container .categories-list .media-item {
	width:auto;
	position:relative;
	margin:0 15px 5px 0;
}
#hwd-container .categories-list .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container .categories-list .media-nav li {
	padding:0;
}
#hwd-container .categories-list .media-item-format-1-1, #hwd-container .categories-list .media-item-format-1-2, #hwd-container .categories-list .media-item-format-1-3, #hwd-container .categories-list .media-item-format-1-4, #hwd-container .categories-list .media-item-format-2, #hwd-container .categories-list .media-item-format-3, #hwd-container .categories-list .media-item-format-4, #hwd-container .categories-list .media-item-format-5, #hwd-container .categories-list .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
/**********************************************************************************************/
/* Details Page */
#hwd-container .media-nav {
	float:right;
}
#hwd-container .media-details {
	float:left;
}
#hwd-container ul.media-nav, #hwd-container ul.media-nav li, #hwd-container ul.media-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#hwd-container 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 */
}
#hwd-container ul.media-nav li {
	float:left;
	vertical-align:middle;
	zoom:1;
}
#hwd-container ul.media-nav li:hover {
	position:relative;
	z-index:5;
	cursor:default;
}
#hwd-container ul.media-nav li a {
	display:block;
	float:none;
	text-decoration:none;
	line-height:auto;
}
#hwd-container ul.media-nav a:hover {
	color:inherit;
}
#hwd-container 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:5;
	width:auto;
	min-width:120px;
	padding:5px;
}
#hwd-container ul.media-nav ul li {
	float:none;
	white-space:nowrap;
	margin:0;
	padding:0;
}
#hwd-container 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;
}
#hwd-container ul.media-nav ul ul {
	top:-5px;
	left:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#hwd-container ul.media-nav li:hover > ul {
	visibility:visible;
}
#hwd-container ul.media-nav li a.pagenav-prev {
	padding-left:10px;
	padding-right:10px;
	height:20px;
	background:url(../images/icons/16/prev.png) no-repeat 0 50%;
	margin:0;
	line-height:auto;
	font-size:100%;        
}
#hwd-container ul.media-nav li a.pagenav-fav {
	margin:0 0 0 3px;
	padding-left:20px;
	padding-right:3px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	height:20px;
	background:url(../images/icons/20/fav.png) no-repeat 1px 50%;
}
#hwd-container ul.media-nav li a.pagenav-zoom {
	text-indent:-9999px;
	margin:0;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	width:20px;
	height:20px;
	background:url(../images/icons/20/zoom.png) no-repeat 50% 50%;
}
#hwd-container ul.media-nav li a.pagenav-close {
	padding-left:20px;
	padding-right:3px;
	height:20px;
	background:url(../images/icons/16/delete.png) no-repeat 0 50%;
	margin:0;
}
#hwd-container 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%;
}
#hwd-container ul.media-nav li a.pagenav-next {
	border-left:1px solid #ddd;
	padding-right:10px;
	padding-left:10px;
	height:20px;
	background:url(../images/icons/16/next.png) no-repeat 100% 50%;
	margin:0;
	line-height:auto;
	font-size:100%;        
}
#hwd-container ul.media-nav li span.pagenav-next {
	border-left:1px solid #ddd;
}
#hwd-container ul.media-nav li a.pagenav-edit {
	background:url(../images/icons/16/edit.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li a.pagenav-publish {
	background:url(../images/icons/16/publish.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li a.pagenav-unpublish {
	background:url(../images/icons/16/unpublish.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li a.pagenav-delete {
	background:url(../images/icons/16/delete.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li a.pagenav-meta {
	background:url(../images/icons/16/meta.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li a.pagenav-sizes {
	background:url(../images/icons/16/sizes.png) no-repeat 0 50%;
}
#hwd-container ul.media-nav li span.pagenav-disabled {
	padding:0 5px;
}
#hwd-container .media-item {
	margin:10px 0;
	width:100%;
	z-index:2;
}
#hwd-container .media-related-container {
	margin:10px 0;
}
#hwd-container .media-item-container {
	margin:0 0 20px 0;
}
#hwd-container .media-item-container .media-item {
}
#hwd-container .media-item-container .media-item-full {
	text-align:center;
	width:100%;
	margin:10px 0;
	background-image: none;
}
#hwd-container .media-respond object, .hwd-module .media-respond object, #hwd-container .media-item-container .media-item-full-slideshow object {
	left:0; /* Strange little tweak for JW Player 6 in Flash mode */
}
#hwd-container .media-info-container {
	width:25%;
	float:right;
}
#hwd-container .media-actions-container {
	width:75%;
	float:left;
}
#hwd-container .media-count {
	text-align:right;
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.5em;
}
#hwd-container .media-actions {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	z-index:5;
}
#hwd-container .media-actions li {
	margin:0 0 8px 0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	vertical-align:middle;
	zoom:1;
	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 */
}
#hwd-container .media-actions li:hover {
	position:relative;
	z-index:5;
	cursor:default;
}
#hwd-container .media-actions li.media-button {
	margin-right:5px!important;
	border-radius:5px!important;
	-moz-border-radius:5px!important;
	-webkit-border-radius:5px!important;
	border:1px solid #ddd!important;
}
#hwd-container .media-actions li.media-like {
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#hwd-container .media-actions li.media-dislike {
	margin-right:5px;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-fav {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-favadd {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-add {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-share {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-report {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-download {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-quality {
	margin-right:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
}
#hwd-container .media-actions li.media-quality li.active a {
	font-weight:800;
}
#hwd-container .media-actions ul {
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	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%;
	left:0;
	z-index:5;
	width:auto;
	padding:5px;
	margin:0;
}
#hwd-container .media-actions ul li {
	float:none;
	white-space:nowrap;
	margin:0;
	padding:0;
}
#hwd-container .media-actions 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;
	background:url(../images/icons/16/next.png) no-repeat 3px 50%;
}
#hwd-container .media-actions ul ul {
	margin:0;
	top:-5px;
	left:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#hwd-container .media-actions li:hover > ul {
	visibility:visible;
}
#hwd-container .media-actions li a {
	display:block;
	float:left;
	padding:3px 8px 3px 25px;
	text-decoration:none;
}
#hwd-container .media-actions li a:hover {
	color:inherit;
}
#hwd-container .media-actions li a.media-like-link {
	background:url(../images/icons/16/like.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-dislike-link {
	background:url(../images/icons/16/dislike.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-fav-link {
	background:url(../images/icons/16/fav.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-favadd-link {
	background:url(../images/icons/16/favadd.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-add-link {
	background:url(../images/icons/16/add.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-share-link {
	background:url(../images/icons/16/share.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-report-link {
	background:url(../images/icons/16/report.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-download-link {
	background:url(../images/icons/16/download.png) no-repeat 3px 50%;
}
#hwd-container .media-actions li a.media-quality-link {
	background:url(../images/icons/16/quality.png) no-repeat 3px 50%;
}
#hwd-container .media-rating-stats {
	text-align:right;
	margin-bottom:5px;
}
#hwd-container .media-maker {
	text-align:right;
	margin-bottom:5px;
}
#hwd-container .media-date {
	text-align:right;
	margin-bottom:5px;
}
#hwd-container .media-tags {
	margin:0;
	padding:0;
	list-style:none;
}
#hwd-container .media-tags li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
        background-image: linear-gradient(to bottom, #FFFFFF 0px, #FBFBFB 100%);
        border-color: #D8D8D8;
        border-radius: 2px 2px 2px 2px;
        padding: 3px 6px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-weight: bold;
        outline: 0 none;
        white-space: nowrap;
        word-wrap: normal;
}
#hwd-container .media-tags li a {
	text-decoration:none!important;
}
#hwd-container .media-tos {
	float:right;
}
#hwd-container .media-item-container .category-desc {
	position:relative;
	padding-right:20px;
}
/* 
If hwd-container is wider than 800px 
#hwd-container.media-item-wide .media-item {
	width:70%!important;
	float:left;
}
#hwd-container.media-related-container {
	height:500px;
	overflow-y:scroll;
}
*/
/**********************************************************************************************/
/* Category View */
#hwd-container .media-category-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-categories-lists {
	padding:10px;
	margin:10px 0;
}
#hwd-container .media-categories-lists ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
#hwd-container .media-categories-lists ul li {
	float:left;
	width:20%;
	margin:0;
	padding:0;
	list-style:none;
}
#hwd-container .categories-list ul li {
	clear:both;
}
#hwd-container dl.media-article-info {
	margin:10px 0;
}
#hwd-container dl.media-article-info dt {
	display:block;
	font-weight:bold;
}
#hwd-container dl.media-article-info dd {
	display:block;
	margin:3px 0 3px 10px;
}
#hwd-container #hwd-category-slider {
	margin:10px 0;
}
#hwd-container .media-category-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-category-description .media-item-format-1-1, #hwd-container .media-category-description .media-item-format-1-2, #hwd-container .media-category-description .media-item-format-1-3, #hwd-container .media-category-description .media-item-format-1-4, #hwd-container .media-category-description .media-item-format-2, #hwd-container .media-category-description .media-item-format-3, #hwd-container .media-category-description .media-item-format-4, #hwd-container .media-category-description .media-item-format-5, #hwd-container .media-category-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-category-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* Album View */
#hwd-container .media-album-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-album-description {
	margin:10px 0 20px 0;
}
#hwd-container .media-album-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-album-description .media-item-format-1-1, #hwd-container .media-album-description .media-item-format-1-2, #hwd-container .media-album-description .media-item-format-1-3, #hwd-container .media-album-description .media-item-format-1-4, #hwd-container .media-album-description .media-item-format-2, #hwd-container .media-album-description .media-item-format-3, #hwd-container .media-album-description .media-item-format-4, #hwd-container .media-album-description .media-item-format-5, #hwd-container .media-album-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-album-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* Groups View */
#hwd-container .media-group-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-group-description {
	margin:10px 0 20px 0;
}
#hwd-container .media-group-container .category-desc {
	position:relative;
	padding-right:20px;
}
#hwd-container .media-group-container .column-1, #hwd-container .media-group-container .column-2 {
	padding-top:5px;
}
#hwd-container .media-group-map {
	position:relative;
	margin:10px 0;
	border:1px solid #ddd;
	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 */
}
#hwd-container .media-group-map .sidebar_map {
	float:right;
	width:25%;
	height:200px;
	overflow-y:scroll;
}
#hwd-container .media-group-map .sidebar_map a {
	display:block;
	padding:5px;
	cursor:pointer;
	border-bottom:1px solid #ddd;
}
#hwd-container .media-group-map .sidebar_map a:hover {
}
#hwd-container .media-group-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-group-description .media-item-format-1-1, #hwd-container .media-group-description .media-item-format-1-2, #hwd-container .media-group-description .media-item-format-1-3, #hwd-container .media-group-description .media-item-format-1-4, #hwd-container .media-group-description .media-item-format-2, #hwd-container .media-group-description .media-item-format-3, #hwd-container .media-group-description .media-item-format-4, #hwd-container .media-group-description .media-item-format-5, #hwd-container .media-group-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-group-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* Playlist View */
#hwd-container .media-playlist-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-playlist-description {
	margin:10px 0 20px 0;
}
#hwd-container .media-playlist-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-playlist-description .media-item-format-1-1, #hwd-container .media-playlist-description .media-item-format-1-2, #hwd-container .media-playlist-description .media-item-format-1-3, #hwd-container .media-playlist-description .media-item-format-1-4, #hwd-container .media-playlist-description .media-item-format-2, #hwd-container .media-playlist-description .media-item-format-3, #hwd-container .media-playlist-description .media-item-format-4, #hwd-container .media-playlist-description .media-item-format-5, #hwd-container .media-playlist-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-playlist-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* User Channel View */
#hwd-container .media-user-title {
	float:left;
	margin-right:10px;
}
#hwd-container .media-user-description {
	margin:10px 0 20px 0;
}
#hwd-container .media-user-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-user-description .media-item-format-1-1, #hwd-container .media-user-description .media-item-format-1-2, #hwd-container .media-user-description .media-item-format-1-3, #hwd-container .media-user-description .media-item-format-1-4, #hwd-container .media-user-description .media-item-format-2, #hwd-container .media-user-description .media-item-format-3, #hwd-container .media-user-description .media-item-format-4, #hwd-container .media-user-description .media-item-format-5, #hwd-container .media-user-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-user-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container img.avatar-small {
	width:50px;
	height:50px;
}
/**********************************************************************************************/
/* My Account */
#hwd-container .media-account-description {
	margin:10px 0 20px 0;
}
#hwd-container .media-accountnav {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
#hwd-container .media-accountnav li {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
#hwd-container .media-account-header {
	margin-bottom:20px;
}
#hwd-container .media-account-description .media-item {
	position:relative;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
}
#hwd-container .media-account-description .media-item-format-1-1, #hwd-container .media-account-description .media-item-format-1-2, #hwd-container .media-account-description .media-item-format-1-3, #hwd-container .media-account-description .media-item-format-1-4, #hwd-container .media-account-description .media-item-format-2, #hwd-container .media-account-description .media-item-format-3, #hwd-container .media-account-description .media-item-format-4, #hwd-container .media-account-description .media-item-format-5, #hwd-container .media-account-description .media-item-format-6 {
	position:absolute;
	top:5px;
	left:5px;
}
#hwd-container .media-account-description .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
/**********************************************************************************************/
/* Search */

/**********************************************************************************************/
/* Custom Tooltips */
.tipContainer {
	display:none;
}
.css-arrow-left {
	border-color:transparent #ddd transparent transparent;
	border-style:solid;
	border-width:10px 20px 10px 0;
	height:0;
	margin:10px 0;
	width:0;
}
.css-arrow-down {
	border-color:#ddd transparent transparent;
	border-style:solid;
	border-width:20px 20px 0;
	height:0;
	margin:0 10px;
	width:0;
}
.css-arrow-up {
	border-color:transparent transparent #ddd;
	border-style:solid;
	border-width:0 20px 20px;
	height:0;
	margin:0 10px;
	width:0;
}
.css-arrow-right {
	border-color:transparent transparent transparent #ddd;
	border-style:solid;
	border-width:10px 0 10px 20px;
	height:0;
	margin:10px 0;
	width:0;
	z-index:10001;
}
.hwdtooltip {
	background:#fff;
	border-radius:2px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .4);
	border:1px solid #ddd;
	max-width:220px;
	width:220px;
	height:325px;
	overflow-y:scroll;
	padding:10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .4);
	text-align:left;
	z-index:10000;
	font-size:0.8em;
}
.hwdtooltip h4 {
	margin:10px 0;
}
#category-media {
        /* Prevent vertical gaps */
        line-height:0;
        /* http://css-tricks.com/seamless-responsive-photo-grid */
        -webkit-column-count:3;
        -webkit-column-gap:0px;
        -moz-column-count:3;
        -moz-column-gap:0px;
        column-count:3;
        column-gap:0px;
}
#category-media img {
        /* Just in case there are inline attributes */
        width:100%!important;
        height:auto!important;
}
/**********************************************************************************************/
/* Slideshow Zoom View */
body.media-slideshow {
	margin:0;
	padding:0;
	font-size:0.8em;
	background:#333;
	color:#333;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
}
body.media-slideshow a {
	color:#333;
}
body.media-slideshow #hwd-container {
	margin:0;
}
body.media-slideshow #hwd-container .media-slideshow-view {
	text-align:center;
	margin:0;
}
body.media-slideshow .media-item img {
	margin:0;
	padding:5px;
	box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	background:#fff;
	border:1px solid #ddd;
	max-width:100%;
}
body.media-slideshow .media-slideshow-toggle {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #ddd;
	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 */
	border-bottom:1px solid #ddd;
}
body.media-slideshow .media-slideshow-tab {
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px;
	display:block;
	color:#333;
}
body.media-slideshow #slideshow-status {
	float:left;
}
body.media-slideshow #slideshow-position {
	float:right;
}
body.media-slideshow #slideshow-title {
	font-weight:bold;
}
body.media-slideshow .hidden {
	display:none;
}
body.media-slideshow .slide {
	width:90%;
	float:left;
	background:none repeat scroll 0 0 #333333;        
}
body.media-slideshow .slide-previous {
	width:5%;
	float:left;
	height:100px;
}
body.media-slideshow .slide-next {
	width:5%;
	float:right;
        height:100px;
}
body.media-slideshow .slide-previous a, body.media-slideshow .slide-next a {
	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 */
	margin:0;
	display:block;
	text-align:center;
	height:96px;
	line-height:100px;
	text-decoration:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
body.media-slideshow #slide {
	position:relative;
	width:100%;
	height:100px;
	padding:0;
	overflow:hidden;
}
body.media-slideshow #slide div {
	position:relative;
	display:inline-block;
        margin:0 10px;
        height:100px;
	vertical-align:middle;
	background:#333;
	overflow:hidden;
}
body.media-slideshow #slide a {
	text-align:center;
}
body.media-slideshow #slide img {
	display:block;
	max-width:100px;
	max-height:80px;
	margin:5px auto;
	padding:3px;
	box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	background:#fff;
	border:1px solid #ddd;
	cursor:pointer;
}
body.media-slideshow #slide img.highlighted {
	box-shadow:0 0 10px #00b4d9;
	-moz-box-shadow:0 0 10px #00b4d9;
	-webkit-box-shadow:0 0 10px #00b4d9;
	border:1px solid #00b4d9;
}
body.media-slideshow #slide span {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	background:url(../Assets/images/grey.png);
	background:rgba(0, 0, 0, .7);
	width:100%;
	text-align:center;
}
.ajax-loading {
	background:transparent url(../images/ajax-loader.gif) center center no-repeat!important;
	min-width:16px!important;
	min-height:11px!important;
}
.ajax-loading-button {
	background:transparent url(../images/ajax-loader.gif) center center no-repeat!important;
	width:auto!important;
	height:auto!important;
	margin-bottom:0!important;
	padding:3px 20px!important;
	text-indent:-9999px!important;
}
.ajax-error {
	color:red!important;
	background-color:#F2DEDE!important;
}
.ajax-success {
	color:#468847!important;
	background-color:#DFF0D8!important;
}
.ajax-loading-slideshow {
	background:transparent url(../images/ajax-loader-slideshow.gif) center center no-repeat;
	width:16px;
	height:16px;
}
@media only screen and (max-width:767px) {
 #hwd-container .media-mediamenu {
  position:relative;
  height:40px;
 }
 #hwd-container .media-mediamenu ul {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  padding-top:25px;
  list-style:none;
  z-index:5;
 }
 #hwd-container .media-mediamenu ul > li:last-child a {
  border-bottom:1px solid #ddd;
 }
 #hwd-container .media-mediamenu ul > li {
  float:none;
  display:none;
  margin:0;
  white-space:nowrap;
 }
 #hwd-container .media-mediamenu ul > li > a {
  float:none;
  background-color:#222;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border-bottom:0;
 }
 #hwd-container .media-mediamenu ul > .active {
  display:block;
  position:absolute;
  top:0;
  left:0;
 }
 #hwd-container .media-mediamenu ul > .active > a {
  background-color:transparent;
  border:1px solid #ddd;
 }
 #hwd-container .media-mediamenu ul > .active > a:hover {
  background-color:#333;
 }
 #hwd-container .media-mediamenu ul > .active > a:after {
  display:inline-block;
  width:0;
  height:0;
  margin-top:8px;
  margin-left:6px;
  text-indent:-99999px;
  vertical-align:top;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #000;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  content:"&darr;";
 }
 #hwd-container .media-mediamenu ul:hover > li {
  display:block;
 }
 #hwd-container .media-mediamenu ul:hover > li > a:hover {
  background-color:#333;
 }
 #hwd-container .media-details {
  float:none;
 }
 #hwd-container ul.media-nav {
  float:none;
  display:inline-block;
 }
 #hwd-container .media-info-container {
  float:none;
  width:100%;
 }
 #hwd-container .media-info-container div {
  text-align:left;
 }
 #hwd-container .media-item img, #hwd-container .media-item-full img {
  max-width:100%!important;
 }
 #hwd-container .media-actions-container {
  float:none;
  width:100%;
 }
 #hwd-container .media-actions li {
 }
 #hwd-container .media-actions li a {
 }
 #hwd-container .display-limit {
  float:none;
  margin-bottom:5px;
 }
}
/* Adding colour to HWD defined styles to prevent issues in dark templates */
#hwd-container ul.media-nav li a.pagenav-prev,
#hwd-container ul.media-nav li a.pagenav-next,
#hwd-container .media-mediamenu ul li a,
#hwd-container ul.media-nav li,
#hwd-container .media-actions a,
#hwd-container .media-mediamenu ul li a:hover,
#hwd-container .media-mediamenu ul li a:hover,
#hwd-container ul.media-nav li {
	color:#222222;
background-image: none;
}
/* We strucuture the label tag of forms inside HWDMediaShare */
#hwd-container .formelm label {
        display:inline-block;
        vertical-align:top;
        width:13em;
}
#hwd-container .media-item img {
	margin:0;
	padding:0;
}
/* Cleanup and override the HWDMediaShare search page */
#hwd-container fieldset.phrases legend {
        display:none;
}
#hwd-container fieldset.phrases .ordering-box {
        width:auto;
}
#hwd-container .phrases .inputbox {
}
#hwd-container .phrases .inputbox option {
        border-bottom:none;
        padding:0;
}
/* Social share icons */
.edit .social-icon {
        margin:0 10px 0 0;
        padding:0;
}
/* Set width of thumbnail container in lists, and category tree */
#hwd-container table.category div.media-item, 
#hwd-container div.category-desc div.media-item
{
        width:100px!important;
}
/* Set width of thumbnail container in item descriptions */
#hwd-container div.media-category-description div.media-item,
#hwd-container div.media-album-description div.media-item,
#hwd-container div.media-playlist-description div.media-item
{
        width:130px!important;
}
/* Set width of thumbnails in lists */
#hwd-container table.category div.media-item {
        width:100px!important;
}
#hwd-container div.media-item img.media-thumb {
        max-width: 100%;
}
/* Set the information panel in activity feed */
#hwd-container .activity-info {
  float:left; 
  background-color:#F5F5F5;
  border:1px solid #DDDDDD;
  border-radius:3px 3px 3px 3px;
  list-style:none outside none;
  min-height:20px;
  margin:10px 0;
  padding:10px;
  font-size:0.85em;
  width:70%;
}
#hwd-container .activity-info .activity-info-thumbnail {
  float:left; 
  width:100px;
  padding-right:5px;
}
#hwd-container .activity-info .activity-info-title {
  font-weight:bold;
}
#hwd-container .activity-info .activity-info-description {}

/* Responsive media display */
#hwd-container .media-respond {
        overflow:hidden;
        position:relative;
        margin:0 auto;
}
#hwd-container .media-respond div.media-content {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        width:100%;
        z-index:2;
        clear:both;
}
#hwd-container .media-respond .media-aspect {
        background:#000;
        z-index:1;
}
#hwd-container .media-respond .media-aspect[data-aspect='0.75'] {
        padding-top:75%; /* 4:3 aspect ratio */
}
#hwd-container .media-respond .media-aspect[data-aspect='0.5625'] {
        padding-top:56%; /* 16:9 aspect ratio */
}