@charset "utf-8";
/* CSS Document © Copyright 2011, All rights reserved
   This sheet sets the aspect of HWDMediaShare thumbnails */
/**********************************************************************************************/
#hwd-container .media-item, .hwd-module .media-item {
        overflow: hidden;
}
#hwd-container .media-item img.media-thumb, .hwd-module .media-item img.media-thumb {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2;
}
#hwd-container .media-aspect0, #hwd-container .media-aspect43, .hwd-module .media-aspect0, .hwd-module .media-aspect43 {
        padding-top: 75%; /* 4:3 aspect ratio */
        background: #000;
        z-index: 1;
}
#hwd-container .media-aspect169, .hwd-module .media-aspect169 {
        padding-top: 56%; /* 16:9 aspect ratio */
        background: #000;
        z-index: 1;
}
#hwd-container .media-aspect11, .hwd-module .media-aspect11 {
        padding-top: 100%; /* 1:1 aspect ratio */
        background: #000;
        z-index: 1;
}
#hwd-container .media-aspect1115, .hwd-module .media-aspect1115 {
        padding-top: 136%; /* 11:15 aspect ratio */
        background: #000;
        z-index: 1;
}
#hwd-container .media-item .media-nav, #hwd-container .media-duration, #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 {
        z-index: 3;
}