.o50 {opacity:0.5}
.s82 {font-size:82%}
.red {color:red}
.center {text-align:center}
.yellow {color:yellow}
.green {color:green}
.orange {color:orange}
.gray {color:gray}
.nowrap {white-space:nowrap}
.monospace {font-family:monospace}
.pre {white-space:pre}
.pre-wrap {white-space:pre-wrap}
.flr {float:right}
.left {text-align:left!important}
.right {text-align:right!important}
.ib {display:inline-block!important}
.clearboth {clear:both}
.cursor-pointer, .pointer {cursor:pointer;cursor:hand}
.cursor-progress {cursor:progress}
.cursor-wait {cursor:wait}
.noPadMargin {padding:0;margin:0}
.vtop {vertical-align:top;}

#messages {z-index:501; text-align:center; position:fixed; top:0;left:0; width:100%; height:0px; color:black; white-space:nowrap;}
#messages .message div.wrap {box-shadow:0 0 2px rgba(0,0,0,0.4); font-weight:bold}
#messages .message.tiny {width:20%; margin-left:40%}
#messages .message.tiny div.wrap {display:inline-block; margin:4px auto 2px auto; background:yellow; padding:2px 5px; border-radius:2px}
#messages .message.full div.wrap {background:yellow; padding:5px 10px; margin-bottom:2px;}
#messages .message.error div.wrap {background:red; color:white}
#messages .message a.close {display:inline-block; margin-left:1em; opacity:0.3; color:blue}
#messages .message a.close:hover {opacity:1;}

#overlay {
    z-index:500; position:fixed; top:0;left:0; width:100%;height:100%; background-color:#000;
    filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;
}

.icon {background-position:center left; background-repeat:no-repeat; background-size:20px; padding-left:26px}
.icon.rar {background-image:url(images/icon-rar.png)}
.icon.file {background-image:url(images/icon-file.png)}