Update client/fileuploader.css

Fileuploader.css changes: 

1. Added some basic "reset" css-styles (margin, padding, display, position, overflow, float) at the beginning of fileuploader.css with class + element type selectors.
This prevents specificity issues when using the uploader as a component in a page with other css, i.e. styles will no longer be overridden unexpectedly by previously defined styles with an element type selector.
If you want to override the styles for margin/padding/display/overflow/position you can either edit fileuploader.css, override it in a later css or use selectors with greater specificity anywhere you like.
Any fonts etc. set by earlier CSS are not reset.
This should make sure that the uploader looks the same no matter where you put it (and if not, there's probably something wrong with your sites' css).

2. All other rules in fileuploader.css have had ".qq-uploader " added as a prefix to their selectors to ensure equal specificity with the reset-css selectors and to prevent rules from accidentally affecting html-elements outside of the fileuploader (as unlikely as that may be, but hey).

3. Corrected some inconsistencies in the css (spaces, breaks, use of 'px'), added some breaks and comments.

Width of the li's now scales to the width of the widest li except in IE7. An absolute width can still be set but width scaling is now the default.
//Would've liked to apply a float:right to the cancel link but can't, it causes the li's to scale to the width of a parent element in IE7.
Drop area has width set same as upload button and scales in height to its own content by default. Icon mode uses the same drop-area as the standard button by default. The drop-area's width and height can be changed in css or by editing its contents.

.qq-upload-extra-drop-area 
The only class I haven't touched because I can't see what it affects. May need to be updated.



.qq-uploader 
changed position: relative; to position: static; Necessary for correct overflow behaviour.
removed width: 100%;
added overflow: hidden; Prevents scrollbars from appearing in some older browsers (FF 3)

.qq-upload input
added cursor: pointer; (same as hand but some browsers call it pointer)
added cursor: hand;

.qq-upload-button-icon
new

.qq-uploader .qq-upload-drop-area 
.qq-uploader .qq-upload-extra-drop-area
removed top: 0px;
removed left: 0px;
removed height: 100%; Height and width at 100% can cause problems, removed them.
changed width: 100%; to width: 105px; Same width as the standard button by default
added overflow: hidden; Scales height of drag-drop area to the size of its content
changed z-index: 2; to z-index: 1000; Makes sure the drop area appears above the list of uploads.

.qq-uploader .qq-upload-drop-area span
/*I think this span has become redundant and can be removed, I've left it in for now though.*/
removed display: block;
removed position: absolute;
removed top: 50%;
removed width: 100%;
removed margin-top: -8px;

.qq-upload-list
removed margin: 0;
removed padding: 0;
added position: absolute; Necessary for z-index/overflow behaviours. The upload list still appears in the exact same place and behaves the same (as far as I can tell). This also prevents qq-uploader from scaling to the width of the ul and pushing neighbouring elements aside.
added z-index: 999; Sets z-index for all but IE7.

.qq-upload-list-li
removed margin: 0;
added color: #000; text-color has to be overridden at the same time as background-color so is not convenient to inherit, grouped the two.

.qq-progress-bar
new 

.qq-progress-bar-container
new

.qq-progress-bar-container,
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text,
.qq-upload-finished 
Can't get those spans aligned vertically unless they are made in to block elements with a float and some top or bottom margins.
added display: block;
added float: left;
added overflow: hidden; (prevents problems with span width and scroll bars appearing in several browsers)

.qq-upload-spinner
added margin-bottom: 2px;

.file-uploader-parent
new, can be used to fix IE7 Z-index bug (instructions included in comment).

------
Tested in:

Internet Explorer 7 / 8
FireFox 3 / 3.5 / 3.6 / 4 / 5 / 6  / 7 / 8 / 9 / 10 / 11 / 12 / 13 / 14 / 15
Chrome 11 / 12 / 13 / 14 / 15 / 16 / 17 / 18 / 19 / 20 / 21
Safari 3 / 4 / 5 
Opera 12 (spoon.net trial time used up, couldn't test more browsers, sorry)

Did not test:
All the possible errors and warnings
Extra drop zones (css class may need an update)
qq.FileuploaderBasic (I've only used qq.FileUploader)