@charset "UTF-8";
/* CSS Document */
.drag_item { float: left; height: 82px; width: 82px; padding: 1px; box-shadow: 1px 1px 10px 1px #bccad3; margin: 20px 30px; position: absolute; border: 1px solid #ccc; z-index: 999; background: #fff;}
.count { background: #fff; height: 20px; width: 20px; border-radius: 10px; float: left; position: absolute; color: #f00; text-align: center; right: -10px; top: -10px; border: 1px solid #ccc }
.drag_item.one div { float: left; width: 100%; height: 100%; margin: 0px; background-image: url(../images/filetype_icons_84.png); }
.drag_item.two { width: 82px; height: 40px; }
.drag_item.two div { float: left; width: 40px; height: 40px; margin: 0px 1px 0px 0px; background-image: url(../images/file_icons.png); }
.drag_item.three div { float: left; width: 41px; height: 42px; margin: 0px; background-image: url(../images/file_icons.png); background-repeat: no-repeat; overflow:hidden }
.drag_item.three div:nth-child(1) { margin-right: 1px; background-image: url(../images/file_icons_41.png); width: 40px; height: 81px; overflow:hidden }
.drag_item.three div:nth-child(2) { margin-bottom: 1px; width: 40px; height: 40px; }
.drag_item.four div { float: left; width: 40px; height: 41px; background-image: url(../images/file_icons.png); background-repeat: no-repeat }
.drag_item.four div:nth-child(odd) { margin: 0px 1px 1px 0px; height: 41px; }
.drag_item.four div:nth-child(even) { margin: 0px 1px 1px 0px; }
.ul_thumbview .drag_item { position: absolute; z-index: 999; }
/*one classes */
.one .folder,
.ul_thumbview .one .folder { background-position: -10px -10px !important; }
.one .word,
.ul_thumbview .one .word { background-position: -10px -446px !important; }
.one .image,
.ul_thumbview .one .image { background-image: url(../images/image84.png) !important; background-position: 0px 0px !important; background-size: contain; background-color: #fff; }
.one .movie,
.ul_thumbview .one .movie { background-position: -10px -234px ! important; }
.one .text,
.ul_thumbview .one .text { background-position: -10px -340px ! important; }
.one .xls,
.ul_thumbview .one .xls { background-position: -10px -552px ! important; }
.one .ppt,
.ul_thumbview .one .ppt { background-position: -10px -658px ! important; }
.one .music,
.ul_thumbview .one .music { background-position: -10px -976px ! important; }
.one .xml,
.ul_thumbview .one .xml { background-position: -10px -1082px ! important; }
.one .html,
.ul_thumbview .one .html { background-position: -10px -1188px ! important; }
.one .script,
.ul_thumbview .one .script { background-position: -10px -1292px ! important; }
.one .unknown,
.ul_thumbview .one .unknown { background-position: -10px -1400px ! important; }
.one .dmg,
.ul_thumbview .one .dmg { background-position: -10px -1506px ! important; }
.one .exe,
.ul_thumbview .one .exe { background-position: -10px -1612px ! important; ; }
.one .dll,
.ul_thumbview .one .dll { background-position: -10px -1718px ! important; }
.one .calendar,
.ul_thumbview .one .calendar { background-position: -10px -1824px ! important; }
.one .videos,
.ul_thumbview .one .videos { background-position: -10px -1930px ! important; }
.one .photos,
.ul_thumbview .one .photos { background-position: -10px -2036px ! important; }
.one .contacts,
.ul_thumbview .one .contacts { background-position: -10px -2142px ! important; }
.one .iPhone,
.ul_thumbview .one .iPhone { background-position: -10px -2248px ! important; }
.one .iPad,
.ul_thumbview .one .iPad { background-position: -10px -2354px ! important; }
.one .android,
.ul_thumbview .one .android { background-position: -10px -2460px ! important; }
.one .windows,
.ul_thumbview .one .windows { background-position: -10px -2566px ! important; }
.one .mac,
.ul_thumbview .one .mac { background-position: -10px -2672px ! important; }
.one .apps,
.ul_thumbview .one .apps { background-position: -10px -3838px ! important; }
.one .apps_f,
.ul_thumbview .one .apps_f { background-position: -10px -3838px ! important; }
.one .sms,
.ul_thumbview .one .sms { background-position: -10px -3308px ! important; }
.one .sms_f,
.ul_thumbview .one .sms_f { background-position: -10px -3308px ! important; }
.one .voice,
.ul_thumbview .one .voice { background-position: -10px -4050px ! important; }
.one .calls,
.ul_thumbview .one .calls { background-position: -10px -3414px ! important; }
.one .otherfiles,
.ul_thumbview .one .otherfiles { background-position: -10px -3944px ! important; }
.one .received,
.ul_thumbview .one .received { background-position: -10px -3520px ! important; }
.one .dialed,
.ul_thumbview .one .dialed { background-position: -10px -3626px ! important; }
.one .missed,
.ul_thumbview .one .missed { background-position: -10px -3732px ! important; }
.one .win_mobile,
.ul_thumbview .one .win_mobile { background-position: -10px -4156px ! important; }
.one .fb_folder,
.ul_thumbview .one .fb_folder { background-position: -10px -4262px ! important; }
.one .zip,
.ul_thumbview .one .zip { background-position: -10px -764px ! important; }
.one .pdf,
.ul_thumbview .one .pdf { background-position: -10px -870px ! important; }
.one .smartdocs,
.ul_thumbview .one .smartdocs { background-position: -10px -4578px ! important; }
.one .emf,
.ul_thumbview .one .emf { background-position: -10px -4682px ! important; }
.one .fb2,
.ul_thumbview .one .fb2 { background-position: -10px -4786px ! important; }
.one .pdb,
.ul_thumbview .one .pdb { background-position: -10px -4890px ! important; }
.one .otg,
.ul_thumbview .one .otg { background-position: -10px -4994px ! important; }
.one .hwp,
.ul_thumbview .one .hwp { background-position: -10px -5908px ! important; }
.one .key,
.ul_thumbview .one .key { background-position: -10px -5202px ! important; }
.one .svg,
.ul_thumbview .one .svg { background-position: -10px -5306px ! important; }
.one .odg,
.ul_thumbview .one .odg { background-position: -10px -5410px ! important; }
.one .odm,
.ul_thumbview .one .odm { background-position: -10px -5514px ! important; }
.one .odp,
.ul_thumbview .one .odp { background-position: -10px -5618px ! important; }
.one .pages,
.ul_thumbview .one .pages { background-position: -10px -5722px ! important; }
.one .pptm,
.ul_thumbview .one .pptm { background-position: -10px -5826px ! important; }
.one .pub,
.ul_thumbview .one .pub { background-position: -10px -5930px ! important; }
.one .sxw,
.ul_thumbview .one .sxw { background-position: -10px -6034px ! important; }
.one .abw,
.ul_thumbview .one .abw { background-position: -10px -6138px ! important; }
.one .docm,
.ul_thumbview .one .docm { background-position: -10px -6242px ! important; }
.one .dotm,
.ul_thumbview .one .dotm { background-position: -10px -6346px ! important; }
.one .cdr,
.ul_thumbview .one .cdr { background-position: -10px -6450px ! important; }
.one .dotx,
.ul_thumbview .one .dotx { background-position: -10px -6554px ! important; }
.one .odd,
.ul_thumbview .one .odd { background-position: -10px -6658px ! important; }
.one .ott,
.ul_thumbview .one .ott { background-position: -10px -6762px ! important; }
.one .rtf,
.ul_thumbview .one .rtf { background-position: -10px -6866px ! important; }
.one .xslx,
.ul_thumbview .one .xslx { background-position: -10px -6970px ! important; }
.one .stc,
.ul_thumbview .one .stc { background-position: -10px -7074px ! important; }
.one .sxc,
.ul_thumbview .one .sxc { background-position: -10px -7178px ! important; }
.one .pptx,
.ul_thumbview .one .pptx { background-position: -10px -7282px ! important; }
.one .vsd,
.ul_thumbview .one .vsd { background-position: -10px -7386px ! important; }
.one .wmf,
.ul_thumbview .one .wmf { background-position: -10px -7490px !important; }
.one .wpd,
.ul_thumbview .one .wpd { background-position: -10px -7594px !important; }
.one .wps,
.ul_thumbview .one .wps { background-position: -10px -7698px !important; }
/*two classes */


.three .image,
.ul_thumbview .three .image, .two .image,
.ul_thumbview .two .image { background-image: url(../images/image84.png) !important; background-position: 0px 0px !important; background-size: contain; background-color: #fff; }



.drag_item.three div:nth-child(1).folder,
 .ul_thumbview .drag_item.three div:nth-child(1).folder { background-position: -10px -10px !important; }
.drag_item.three div:nth-child(1).word,
 .ul_thumbview .drag_item.three div:nth-child(1).word { background-position: -10px -446px !important; }

.drag_item.three div:nth-child(1).image,
 .ul_thumbview .drag_item.three div:nth-child(1).image { background-image: url(../images/image40.png) !important; background-position: center !important; background-size: contain; background-repeat: no-repeat; background-color: transparent !important; -webkit-transform:scale(1,2); -moz-transform:scale(1,2); transform:scale(1,2); }

.drag_item.three div:nth-child(1).movie,
 .ul_thumbview .drag_item.three div:nth-child(1).movie { background-position: -10px -234px !important }
.drag_item.three div:nth-child(1).text,
 .ul_thumbview .drag_item.three div:nth-child(1).text { background-position: -10px -340px !important; }
.drag_item.three div:nth-child(1).xls,
 .ul_thumbview .drag_item.three div:nth-child(1).xls { background-position: -10px -552px !important; }
.drag_item.three div:nth-child(1).ppt,
 .ul_thumbview .drag_item.three div:nth-child(1).ppt { background-position: -10px -658px !important; }
.drag_item.three div:nth-child(1).music,
 .ul_thumbview .drag_item.three div:nth-child(1).music { background-position: -10px -976px !important; }
.drag_item.three div:nth-child(1).xml,
 .ul_thumbview .drag_item.three div:nth-child(1).xml { background-position: -10px -1082px !important; }
.drag_item.three div:nth-child(1).html,
 .ul_thumbview .drag_item.three div:nth-child(1).html { background-position: -10px -1186px !important; }
.drag_item.three div:nth-child(1).script,
 .ul_thumbview .drag_item.three div:nth-child(1).script { background-position: -10px -1292px !important; }
.drag_item.three div:nth-child(1).unknown,
 .ul_thumbview .drag_item.three div:nth-child(1).unknown { background-position: -10px -1400px !important; }
.drag_item.three div:nth-child(1).dmg,
 .ul_thumbview .drag_item.three div:nth-child(1).dmg { background-position: -10px -1506px !important; }
.drag_item.three div:nth-child(1).exe,
 .ul_thumbview .drag_item.three div:nth-child(1).exe { background-position: -10px -1612px !important; }
.drag_item.three div:nth-child(1).dll,
 .ul_thumbview .drag_item.three div:nth-child(1).dll { background-position: -10px -1718px !important; }
.drag_item.three div:nth-child(1).calendar,
 .ul_thumbview .drag_item.three div:nth-child(1).calendar { background-position: -10px -1824px !important; }
.drag_item.three div:nth-child(1).videos,
 .ul_thumbview .drag_item.three div:nth-child(1).videos { background-position: -10px -1930px !important; }
.drag_item.three div:nth-child(1).photos,
 .ul_thumbview .drag_item.three div:nth-child(1).photos { background-position: -10px -2036px !important; }
.drag_item.three div:nth-child(1).contacts,
 .ul_thumbview .drag_item.three div:nth-child(1).contacts { background-position: -10px -2142px !important; }
.drag_item.three div:nth-child(1).iPhone,
 .ul_thumbview .drag_item.three div:nth-child(1).iPhone { background-position: -10px -2248px !important; }
.drag_item.three div:nth-child(1).iPad,
 .ul_thumbview .drag_item.three div:nth-child(1).iPad { background-position: -10px -2354px !important; }
.drag_item.three div:nth-child(1).android,
 .ul_thumbview .drag_item.three div:nth-child(1).android { background-position: -10px -2460px !important; }
.drag_item.three div:nth-child(1).windows,
 .ul_thumbview .drag_item.three div:nth-child(1).windows { background-position: -10px -2566px !important; }
.drag_item.three div:nth-child(1).mac,
 .ul_thumbview .drag_item.three div:nth-child(1).mac { background-position: -10px -2672px !important; }
.drag_item.three div:nth-child(1).apps,
 .ul_thumbview .drag_item.three div:nth-child(1).apps { background-position: -10px -3838px !important; }
.drag_item.three div:nth-child(1).apps_f,
 .ul_thumbview .drag_item.three div:nth-child(1).apps_f { background-position: -10px -3838px !important; }
.drag_item.three div:nth-child(1).sms,
 .ul_thumbview .drag_item.three div:nth-child(1).sms { background-position: -10px -3308px !important; }
.drag_item.three div:nth-child(1).sms_f,
 .ul_thumbview .drag_item.three div:nth-child(1).sms_f { background-position: -10px -3308px !important; }
.drag_item.three div:nth-child(1).voice,
 .ul_thumbview .drag_item.three div:nth-child(1).voice { background-position: -10px -4050px !important; }
.drag_item.three div:nth-child(1).calls,
 .ul_thumbview .drag_item.three div:nth-child(1).calls { background-position: -10px -3414px !important; ; }
.drag_item.three div:nth-child(1).otherfiles,
 .ul_thumbview .drag_item.three div:nth-child(1).otherfiles { background-position: -10px -3944px !important; }
.drag_item.three div:nth-child(1).received,
 .ul_thumbview .drag_item.three div:nth-child(1).received { background-position: -10px -3520px !important; }
.drag_item.three div:nth-child(1).dialed,
 .ul_thumbview .drag_item.three div:nth-child(1).dialed { background-position: -10px -3626px !important; }
.drag_item.three div:nth-child(1).missed,
 .ul_thumbview .drag_item.three div:nth-child(1).missed { background-position: -10px -3732px !important; }
.drag_item.three div:nth-child(1).win_mobile,
 .ul_thumbview .drag_item.three div:nth-child(1).win_mobile { background-position: -10px -4156px !important; }
.drag_item.three div:nth-child(1).fb_folder,
 .ul_thumbview .drag_item.three div:nth-child(1).fb_folder { background-position: -10px -4262px !important; }
.drag_item.three div:nth-child(1).zip,
 .ul_thumbview .drag_item.three div:nth-child(1).zip { background-position: -10px -764px !important; }
.drag_item.three div:nth-child(1).pdf,
 .ul_thumbview .drag_item.three div:nth-child(1).pdf { background-position: -10px -870px !important; }
 .drag_item.three div:nth-child(1).smartdocs,
 .ul_thumbview .drag_item.three div:nth-child(1).smartdocs { background-position: -10px -4578px !important; }
/*three/four classes */

.ul_thumbview .four .folder,
.ul_thumbview .folder .word,
.two .folder,
.ul_thumbview .three .folder { background-position: 0px -10px; }

.ul_thumbview .four .image, .four .image,
.ul_thumbview .three .image { background-position: 0px -70px; background: url(../images/image_icon_84.png) no-repeat !important; background-position: 0px 0px !important; background-size: contain !important; }
.ul_thumbview .four .movie,
.ul_thumbview .two .movie,
.two .movie,
.ul_thumbview .three .movie { background-position: 0px -130px; }
.ul_thumbview .four .text,
.ul_thumbview .two .text,
.two .text,
.ul_thumbview .three .text { background-position: 0px -190px; }
.ul_thumbview .four .word,
.ul_thumbview .two .word,
.two .word,
.ul_thumbview .three .word { background-position: 0px -250px; }
.ul_thumbview .four .xls,
.ul_thumbview .two .xls,
.two .xls,
.ul_thumbview .three .photos { background-position: 0px -310px; }
.ul_thumbview .four .ppt,
.ul_thumbview .two .ppt,
.two .ppt,
.ul_thumbview .three .ppt { background-position: 0px -370px; }
.ul_thumbview .four .zip,
.ul_thumbview .two .zip,
.two .zip,
.ul_thumbview .three .zip { background-position: 0px -430px; }
.ul_thumbview .four .pdf,
.ul_thumbview .two .pdf,
.two .pdf,
.ul_thumbview .three .pdf { background-position: 0px -490px; }
.ul_thumbview .four .music,
.ul_thumbview .two .music,
.two .music,
.ul_thumbview .three .music { background-position: 0px -550px; }
.ul_thumbview .four .xml,
.ul_thumbview .two .xml,
.two .xml,
.ul_thumbview .three .xml { background-position: 0px -610px; }
.ul_thumbview .four .html,
.ul_thumbview .two .html,
.two .html,
.ul_thumbview .three .html { background-position: 0px -670px; }
.ul_thumbview .four .script,
.ul_thumbview .two .script,
.two .script,
.ul_thumbview .three .script { background-position: 0px -730px; }
.ul_thumbview .four .unknown,
.ul_thumbview .two .unknown,
.two .unknown,
.ul_thumbview .three .unknown { background-position: 0px -790px; }
.ul_thumbview .four .dmg,
.ul_thumbview .two .dmg,
.two .dmg,
.ul_thumbview .three .dmg { background-position: 0px -850px; }
.ul_thumbview .four .exe,
.ul_thumbview .two .exe,
.two .exe,
.ul_thumbview .three .exe { background-position: 0px -910px; }
.ul_thumbview .four .dll,
.ul_thumbview .two .dll,
.two .dll,
.ul_thumbview .three .dll { background-position: 0px -970px; }
.ul_thumbview .four .calendar,
.ul_thumbview .two .calendar,
.two .calendar,
.ul_thumbview .three .calendar { background-position: 0px -1030px; }
.ul_thumbview .four .videos,
.ul_thumbview .two .videos,
.two .videos,
.ul_thumbview .three .videos { background-position: 0px -1090px; }
.ul_thumbview .four .photos,
.ul_thumbview .two .photos,
.two .photos,
.ul_thumbview .three .photos { background-position: 0px -1150px; }
.ul_thumbview .four .contacts,
.ul_thumbview .two .contacts,
.two .contacts,
.ul_thumbview .three .contacts { background-position: 0px -1210px; }
.ul_thumbview .four .iPhone,
.ul_thumbview .two .iPhone,
.two .iPhone,
.ul_thumbview .three .iPhone { background-position: 0px -1270px; }
.ul_thumbview .four .iPad,
.ul_thumbview .two .iPad,
.two .iPad,
.ul_thumbview .three .iPad { background-position: 0px -1330px; }
.ul_thumbview .four .android,
.ul_thumbview .two .android,
.two .android,
.ul_thumbview .three .android { background-position: 0px -1390px; }
.ul_thumbview .four .windows,
.ul_thumbview .two .windows,
.two .windows,
.ul_thumbview .three .windows { background-position: 0px -1450px; }
.ul_thumbview .four .mac,
.ul_thumbview .two .mac,
.two .mac,
.ul_thumbview .three .mac { background-position: 0px -1510px; }
.ul_thumbview .four .apps,
.ul_thumbview .two .apps,
.two .apps,
.ul_thumbview .three .apps { background-position: 0px -2170px }
.ul_thumbview .four .apps_f,
.ul_thumbview .two .apps_f,
.two .apps_f,
.ul_thumbview .three .apps_f { background-position: 0px -2170px }
.ul_thumbview .four .sms,
.ul_thumbview .two .sms,
.two .sms,
.ul_thumbview .three .sms { background-position: 0px -1870px }
.ul_thumbview .four .sms_f,
.ul_thumbview .two .sms_f,
.two .sms_f,
.ul_thumbview .three .sms_f { background-position: 0px -1870px }
.ul_thumbview .four .voice,
.ul_thumbview .two .voice,
.two .voice,
.ul_thumbview .three .voice { background-position: 0px -2291px }
.ul_thumbview .four .calls,
.ul_thumbview .two .calls,
.two .calls,
.ul_thumbview .three .calls { background-position: 0px -1930px }
.ul_thumbview .four .otherfiles,
.ul_thumbview .two .otherfiles,
.two .otherfiles,
.ul_thumbview .three .otherfiles { background-position: 0px -2230px }
.ul_thumbview .four .received,
.ul_thumbview .two .received,
.two .received,
.ul_thumbview .three .received { background-position: 0px -1990px }
.ul_thumbview .four .dialed,
.ul_thumbview .two .dialed,
.two .dialed,
.ul_thumbview .three .dialed { background-position: 0px -2050px }
.ul_thumbview .four .missed,
.ul_thumbview .two .missed,
.two .missed,
.ul_thumbview .three .missed { background-position: 0px -2110px }
.ul_thumbview .four .win_mobile,
.ul_thumbview .two .win_mobile,
.two .win_mobile,
.ul_thumbview .three .win_mobile { background-position: 0px -2352px }
.ul_thumbview .four .fb_folder,
.ul_thumbview .two .fb_folder,
.two .fb_folder,
.ul_thumbview .three .fb_folder { background-position: 0px -2413px }