.attachment { padding-top: 10px; } .attachment_text { position: relative; width: 90%; vertical-align: middle; line-height: 20px; height: auto; float:left; font-size:13px; } .attachment_text a { color: #2A3890; padding-left: 10px; } .attachment_text audio { position:relative; } .attachment_text video { position:relative; height: 180px; } .attachment_thumb { position: relative; /*width: 10%;*/ float: left; /*height: 50px;*/ padding-right:5px; vertical-align: middle; } #new_document{ margin-top: 10px; margin-left: 15px; margin-bottom: 10px; clear: both; text-align: left; } .attachment_tile{ margin: 4px; margin-bottom: 8px; width: 80px; height: 65px; border-bottom: 2px solid transparent; float: left; text-align: center; overflow: hidden; } .attachment_tile:hover{ background-color: #e0edf2; border-bottom: 2px solid #2A3890; } .attachment_tile.selected{ background-color: #e0edf2; border-bottom: 2px solid green; } .attachment_section_header{ margin-top: 15px; margin-bottom: 5px; padding-left: 10px; position: relative; width:90%; border-left: 3px solid #2A3890; background-color: #e0edf2; } .player{ position: absolute; border-left: 24px solid #2A3890; border-right: 24px solid #2A3890; background-color: #e0edf2; bottom: 0px; right: 0px; max-height: 300px; } #downloadButton{ position: absolute; bottom: 5px; right: 0px; width: 24px; } .media_preview{ float:left; margin: 10px; width: 140px; height: 110px; text-align:center; } .media_preview_image{ position: relative; top: 0px; width:130px; height: 80px; } .media_preview_title{ position:relative; width: 100%; overflow:hidden; font-size: 12px; color: #2A3890; } .media_preview_detail{ position: relative; width: 100%; overflow:hidden; font-size: 11px; color: #2A3890; } .size_19px { width: 19px; }