.mf{visibility: hidden; z-index:1; color:#000; font-size:14px} .mf * { outline:none; border:none; padding:0; margin:0; height:300; -moz-user-select: none; -webkit-user-select: none; user-select:none; -o-user-select:none } .mf div.loader{ position:absolute; text-align:center; z-index:10000; margin:0 auto; top:45%; width:100%; background:url(skin/ajax_loader.gif) no-repeat 50% 0; padding:50px 0; } .mf div.caption { position:absolute; text-align:center; z-index:98; margin:1em auto; bottom:20px; width:100%; } .mf div.mfNav{ position:absolute; z-index:99; margin:0 auto; text-align:center; width:100%; bottom:3px; font-size:1px; line-height:1px; width:100%; height:25px; /*background-color:#99CC00;*/ } .mf div.autoPlayCon{ float:left; width:9%; padding-left:3%; height:24px; } .mf a.play, .mf a.stop{ width:27px; height:24px; float:left; cursor:pointer; } .mf a.play{ background:url(skin/play.gif) no-repeat; } .mf a.stop{ background:url(skin/stop.gif) no-repeat; } .mf div.sliderCon{ margin-top:5px; float:left; width:74%; height:16px; } .mf a.sliderNext{ background:url(skin/left.gif) no-repeat; } .mf a.sliderPrev{ background:url(skin/right.gif) no-repeat; } .mf a.sliderNext, a.sliderPrev{ text-decoration:none; width:25px; height:16px; cursor:pointer; float:left; } .mf div.resizeCon{ float:right; width:9%; padding-right:3%; height:24px; } .mf a.resize{ width:34px; height:24px; float:right; cursor:pointer; background:url(skin/resize.gif) no-repeat; } .mf div.slider{ background:url(skin/middle.gif) repeat-x; height:16px; position:relative; text-align:left; float:left; } .mf div.knob{ height:16px; background:url(skin/middle-slider.gif) repeat-x right center; } .mf div.knobleft{ background:url(skin/left-slider.gif) repeat-x center; width:8px; height:16px; } /* Additional */ .mf a.show { position:absolute; margin-left:-16px; width:32px; height:32px; top:70%; left:50%; z-index:100; cursor:pointer; } .mf a.show.image{ background:url(skin/open_image.png) no-repeat 50%; } .mf a.show.viewerload{ background:url(skin/loader.gif) no-repeat 50%; } .mf a.show.link{ background:url(skin/open_link.png) no-repeat 50%; } .mf div.tooltip{ background:url(skin/tooltip.png) no-repeat 50%; width:262px; margin-left:-151px; height:70px; padding:20px; position:absolute; z-index:101; top:0; left:50%; text-align:center; }