@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:right;
}

#hwd-container .media-header .pane-sliders .panel .top-header h3{
	float:left;
}
#hwd-container .media-header .pane-sliders .panel .top-header .top-header-spec{
    	left: 750px;
    	position: relative;
}

#hwd-container .media-header .pane-sliders .panel .pane-slider .media-categories-lists .subcategory-heading{
    	font-size: 14px;
    	font-weight: bold;
	margin:1% 1%;;
}

#hwd-container .media-category-ls li {
	margin:5px;
	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 {
	float:left;
	margin-bottom:10px;
	width:36%;
}
#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;
	height:150px;
}

#hwd-container .media-item-container .wrapper .list_carousel .section .section-content-wrapper{
    	margin: 0 auto;
    	position: relative;
}

#hwd-container .media-item-container .wrapper .list_carousel .section .section-content-wrapper .section-content{
	z-index:990;
}

#hwd-container .media-item-container .wrapper .list_carousel .section .section-content-wrapper .popup{
	z-index:991;	
	position: absolute;
    	top: 25px;
    	width: 600px;
	height: 100px;
	display:none;
	background:#FFFFFF;
	color:#000000;
	left:10px;
}


#hwd-container #media-item-container .carousel-wrapper{
	position:relative;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new{
	position:absolute;
	max-height:275px;
	left: 145px;
	width:600px;
	/*height:140px;*/
	border: 5px solid gold;
	padding:10px;
	top:60px;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
	background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
	z-index:989;
	overflow:auto;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .heading_box-class{
	font: 11px bold;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .media_accessory_box-class .select-media{
	margin-top: 5px;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new img.close{
	top: -15px;
    	float: right;
    	left: 15px;
    	position: relative;
    	text-decoration: none;
	width:20px;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class{
	border: 3px solid gray;
    	float: left;
    	margin: 5px;
    	padding: 0.5%;
    	width: 99px;
	height:118px;
	position:relative;
	text-align:center;
}
#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class > span{
    bottom: 85%;
    left: 90%;
    position: absolute;
}
#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class{
	position:relative;
	width:100%;
	height:60px;	
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class .media_operation-class{
    	bottom: 5px;
    	position: absolute;
	display:none;
	/*width:50%;*/
	left:25%;
	border:1px solid red;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class .media_operation-class .edit_image-class{

    	height: 15px !important;
    	width: 15px !important;
	padding:2px;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class .media_operation-class .media_instruction-class{

    	height: 15px !important;
    	width: 15px !important;
	padding:2px;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class .anchor-class .vid-class{
	background:#808080;
    	color: #FFFFFF;
    	padding: 0 6px 0 1px;
    	position: absolute;
    	z-index: 996;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class img{
	width:100%;
	height:100%;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .image_box-class .anchor-class .vid-class{
	font:10px bold;
}

#hwd-container #media-item-container .carousel-wrapper .popup-new .child-class .media_accessory_box-class a{
	font:10px bold;
}

#hwd-container #media-item-container .wrapper .list_carousel .section .section-content-wrapper .popup .media img{
	height:100% !important;
}

#hwd-container .media-details-view .item h2{
	font-size:20px;
	text-transform:uppercase;
}
#hwd-container .media-details-view .media-nav {
	position:absolute;
	top:5px;
	right:5px;
}
#hwd-container .media-details-view .media-item .media-item-format-1-
{
	position:absolute;
}

.media-categories-lists .category-courses .media-thumb
{
	border:1px solid #000000;
	width:100%;
	height:150px;
}

/*.media-categories-lists .category-courses a:active,a:hover{
	background-position: 0;
	-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}*/

#hwd-container #media-item-container .current .tabs .readmore{
	color:#6666FF;
}

#hwd-container #media-item-container .left-nav{
    	float: left;
	position:relative;
	top:50px;
	width:20px;
    /*height: 172px;
    vertical-align: middle;*/
}

#hwd-container #media-item-container .corosul-wrapper{

}

#hwd-container #media-item-container .anyClass-wrapper{
	float: left;
	background:#DDDDDD;
 	-webkit-border-radius:8px;
 	-moz-border-radius:8px;
 	border-radius:8px;
	/*width:90%;*/
}
#hwd-container #media-item-container .anyClass-wrapper .anyClass{
    	/*float: left;*/
    	height: 200px !important;
    	/*width: 835px !important;*/
	margin: 10px 5px 50px 5px;
	background:#FFFFFF;
 	-webkit-border-radius:8px;
 	-moz-border-radius:8px;
 	border-radius:8px;
	padding:5px 10px;
}
#hwd-container #media-item-container .right-nav{
   	/*float: right;
    	height: 172px;*/
       	position: relative;
    	top: 50px;
	width:20px;
}

#hwd-container #media-item-container #carousal-column {
    display: inline-block;
}

#hwd-container #media-item-container .left-nav .prev {
    	/*position: relative;
     	top: 61px;
	left:10px;
	background:red; */
 	-webkit-border-radius:8px 0 0 8px;
 	-moz-border-radius:8px 0 0 8px;
 	border-radius:8px 0 0 8px;
	height: 50px;
	padding:5px;
}

#hwd-container #media-item-container .right-nav .next {
    	/*position: relative;
    	top: 61px;
	right:10px;
	background:red;	*/
 	-webkit-border-radius:0 8px 8px 0;
 	-moz-border-radius:0 8px 8px 0;
 	border-radius:0 8px 8px 0;
	height: 50px;	
	padding:5px;
}
#media-item-container > hr{
   	border: 1px solid;
    	margin: 0;
}
#media-item-container .curriculam-operation-wrapper{
	height: 24px;
	padding:3px;
	border-top:2px solid #696969;
	border-bottom:2px solid #696969;
}

#media-item-container .curriculam-operation-wrapper .curriculam-operation{
	/*margin: 3px 41px;
	display:none;*/
	float:left;
}

#media-item-container  .curriculam-operation-wrapper .curriculam-operation > a{
    	display: inline-block;
    	font-size: 9px;
    	padding: 0 7px;
    	text-decoration: none;
	color:#000000;

	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:1px ridge #DDDDDD;
 	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
 	border-radius:5px;
}
#media-item-container  .curriculam-operation-wrapper .add-section{
	float:right;
}
#media-item-container  .curriculam-operation-wrapper .add-section > a{
    	display: inline-block;
    	font-size: 9px;
    	padding: 0 7px;
    	text-decoration: none;
	color:#000000;

	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:1px ridge #DDDDDD;
 	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
 	border-radius:5px;	
}
#hwd-container .media-header ._media-title_{
	display:inline-block;
}
#hwd-container .media-header .media-title{
	/*float: left;
	width:38%;*/
	font-size: 14px;
	text-transform:uppercase;
 	margin: 0!important;
	color:grey;
}
#hwd-container #media-item-container .corosul-wrapper .anyClass .select-curriculam{
   	bottom:0;
    	left: 50%;
    	position: relative;
}

#hwd-container .media-details-view .items-row .item .media-category-description{
	text-align:center;
}

#hwd-container #media-item-container #med	ia-item .course-thumbnail-video-block >iframe{
	height: 275px !important;
}
#hwd-container #media-item-container #media-item .course-thumbnail-video-block{
	/*float:left;*/
	text-align:center;
    	height: 480px;
    	width: 768px;
	/*width:100%;*/
	background:#45484d; /* Old browsers */
	background:-moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */
	background:linear-gradient(top, #45484d 0%, #000000 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
#hwd-container #media-item-container #media-item .course-audio-block{
	float:right;
	/*background:#000;*/
	height: 275px;
	width: 250px;
	text-align:center;
	border:3px solid #DDDDDD;
}

#hwd-container #media-item-container #media-item .course-audio-block > div{
	background:#DDDDDD;
	margin: 2px 2px 5px;
    	padding: 5px;
	
}

#hwd-container #media-item-container .wrapper .list_carousel .caroufredsel_wrapper .quick-edit > a{
	padding:1px 3px;
	font-size:12px;
}

#hwd-container #media-item-container .wrapper .list_carousel .caroufredsel_wrapper .quick-edit > a.first{
	border-right:3px solid #DDDDDD;
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-align{
	text-align:center;
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-align a{
	font:13px bold;
	text-transform:uppercase
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-image{
	height: 150px;
	position:relative;
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-image .course-accessories{
	bottom: 4px;
	position: absolute;
	width: 100%;
	display:none;
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-image .course-accessories > span.likes{
	float:left;
    	font: 12px bold;
    	/*margin-left: 30px;*/
	margin-left: 2%;
	background:#DDDDDD;
}

#hwd-container .media-header .pane-slider .media-categories-lists .category-courses .course .course-image .course-accessories > span.dislikes{
	float:right;
    	font: 12px bold;
    	/*margin-right: 30px;*/
	margin-right: 2%;
	background:#DDDDDD;
}

#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 .media-header .media-details {
	float:right!important;
	/*width:64%;*/
}
#hwd-container ul.media-nav, #hwd-container ul.media-nav li, #hwd-container ul.media-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#container #container-inner #breadcrumbs .breadcrumb{
	margin-left:0;
}

#media-item-container #media-item .course-thumbnail-video-block > img{
	height: inherit;
    	width: inherit;
}

#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:20px;
	padding-right:3px;
	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:20px;
	padding-left:3px;
	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:99%;
	z-index:2;
	border:1px solid #000000;
}
#hwd-container .media-related-container {
	margin:10px 0;
}
#hwd-container .media-item-container {
	margin:0 0 20px 0;
}
#hwd-container .media-item-container .current .tabs #media-item .instruction-block {
	position: relative;
	width:95%;
	margin-left:10px;
}
#hwd-container .media-item-container .media-item-full {
	/*text-align:center;
	width:100%;*/
    	background-color: #808080;
   	 margin: 10px 0;
    	padding: 1%;
	color:#ffffff;
	/*background:#45484d; /* Old browsers 
	background:-moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+
	background:-webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ 
	background:-o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ 
	background:-ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ 
	background:linear-gradient(top, #45484d 0%, #000000 100%); /* W3C 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
#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-container1 {
	float:left;
}
#hwd-container .media-info-container2 {
	float:right;
}
#hwd-container .media-actions-container {
	
	float:right;
	/*margin-right: 20px;
	width:86%;*/
}

#hwd-container .media-header .media-details > a{
	display:block;
	padding:0 5px;
	float:left;
	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 */
	font-size:11px;
 	/*-webkit-border-radius:5px;
 	-moz-border-radius:5px;
 	border-radius:5px;	*/
	text-decoration:none;
	color:#696969;
	font-weight:bold;
	margin-right:5px;
	/*border: 1px solid #DDDDDD;*/
}

#hwd-container .media-header .media-details > a:hover{
	color:inherit;
}

#main #hwd-container .media-header .top-header .media-category-title{
    	float: left;
    	margin-right: 10px;	
}

#main #hwd-container .media-header .top-header{
	/*float: right;*/
}

#main #hwd-container .media-header .top-header .top-header-spec{
	float: right;
}

#main #hwd-container .media-header .top-header .top-header-spec > h3{
	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;*/
	margin: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-item-container .wrapper .list_carousel li.section img{
	height:100px;
	width:100%;
	cursor:pointer;
}

#hwd-container #media-item-container .wrapper .list_carousel li.section .thumb{
	float:left;
	height:20px;
	width:30px;
	position:relative;
	margin:3px;
}
#hwd-container #media-item-container .wrapper .list_carousel li.section .thumb .section_thumb_images{
	height:100%;
	width:100%;
	cursor:pointer;
}

#hwd-container #media-item-container .wrapper .section div.heading{
	height:30px;
   	color: #000000;
    	font:11px bold;
}

#hwd-container #media-item-container .wrapper .section div.section-image{
	height:80px;
	cursor:pointer;	
}

#hwd-container #media-item-container .wrapper .section .select-curriculam{
	margin-top: 2px;
} 

#hwd-container #media-item-container .wrapper .media > div{
	/*margin-top:10px;*/
}

#hwd-container #media-item-container .wrapper .media span{
    	background: none repeat scroll 0 0 #808080;
    	color: #FFFFFF;
    	padding:0 6px 0 1px;
    	position: absolute;
}

#hwd-container #media-item-container .wrapper .media div.heading{
	height:20px;
   	color: #000000;
    	font:11px bold;
}

#hwd-container #media-item-container .wrapper .media .media-attributes > a{
	font:10px bold;	
}
#hwd-container #media-item-container .wrapper .media .media-attributes > span{
	font:10px bold;	
}

#hwd-container #media-item-container .corosul-wrapper .anyClass-wrapper .anyClass li.empty_playlist{
	height: 180px !important;
    	padding: 10px 5px;
}
#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:0 5px 0 5px;
	text-decoration:none;
	font-size:11px;
	color:#696969;
	font-weight:bold;
}
#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-info-container1 .media-rating-stats {
	text-align:left;
	margin-bottom:5px;
}

#hwd-container .media-info-container1 .media-maker{
	margin-bottom: 5px;
    	text-align: left;
} 
#hwd-container .media-info-container2 .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:100%;
	margin:0;
	/*padding:5px 10px;*/
	list-style:none;
	display:table;
}
.media-categories-lists .category-courses{
   	float: left;
    	width: 100%;;
}

.media-categories-lists .category-courses .course{
    	float: left;
    	width: 23%;
	margin:1%;
}

.media-categories-lists .category-courses .course a.ls-add {
	background:url(../images/icons/16/add.png) no-repeat 50% 50%;
	text-indent:-9999px;
	display:block;
	background-color:#000;
	padding:0;
	margin:0;
	width:162px;
	height: 152px;
	position:relative;
	top:19px;	
}

.category-courses > li
{
	display:table-cell;
	padding-right:15px!important;
	/*margin-bottom:20px!important;*/
}
#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;*/
	width:17%;
	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;
}

#hwd-container #media-item-container #media-item .centered-cell img{
	width: 760px !important;
	max-width: 760px !important;
	
}

#hwd-container dl.slider-article-info{
   	float: left !important;
    	width: 75% !important;
}

@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:"↓";
 }
 #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;
}
/* 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 {
        width: 100%;
	height: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 */
}

/* media tags view */
.media-tags-view .curator-avatar{
   	display: inline-block;
    	float: left;
    	margin-right: 5px;
}

.media-tags-view .course-description{
	padding:0 5px;
	color:red;
}

.media-tags-view #course-avtar-description .c-avatar{
	border: 2px solid;
    	display: inline-block;
   	margin: 2px;
    	padding: 1px;
    	width: 50px;
	height: 50px;
}

.media-tags-view #course-avtar-description .c-avatar > img{
    	height: inherit;
    	width: inherit;
}