﻿
*,textarea,input{margin:0;padding:0;outline:0 none;}
html{}
body,textarea,input{font-family:Helvetica,sans-serif;}
body{}
a{text-decoration:none;color:#000;}
h1,h2,h3{font-family:"effra",sans-serif;}
p{}
img{}
.container{width:960px;margin:0 auto;overflow:hidden;}
.col2{float:left;width:500px;}
.col2.last{margin-left:60px;width:400px;}
.col3{float:left;width:300px;}
.col3.mid{margin:0 30px;}
.dropzone.dz-clickable h3, .dropzone.dz-clickable p{cursor:pointer;}
.dropzone{min-height:0px;}
#top{width:100%;background:#ddd;background:-moz-linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;background:-o-linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;background:linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;}
#top .container{height:40px;}
#network{list-style:none;}
#network li{float:left;margin-right:10px;font-size:12px;line-height:150%;text-transform:uppercase;}
#network li.parent{color:#555555;display:none;font-size:15px;font-weight:bold;margin-right:60px;padding:8px 0;text-shadow:0 1px 0 #FFFFFF;}
#network li a{color:#999999;display:block;font-weight:bold;padding:11px 10px;text-shadow:0 1px 0 #FFFFFF;font-family:proxima-nova;}
#network li.selected a{color:#666;background:#fff;}
#counter{display:block;float:right;}
#counter p{padding:10px 0;font-size:10px;font-weight:bold;text-align:right;text-shadow:0 1px 0 #FFFFFF;text-transform:uppercase;color:#888;font-family:proxima-nova;}
#counter p span{display:inline-block;font-size:17px;padding:0 2px 0 7px;color:#333;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#fff;padding:1px 2px 0;margin-left:7px;line-height:17px;-moz-box-shadow:0 1px 0 #999999 inset;-webkit-box-shadow:0 1px 0 #999999 inset;-o-box-shadow:0 1px 0 #999999 inset;box-shadow:0 1px 0 #999999 inset;font-family:proxima-nova;}
#main{width:100%;}
#main .container{padding:30px 0 0;}
#primary h2{color:#EA0000;font-size:34px;line-height:25px;margin-bottom:10px;padding-left:80px;padding-top:5px;position:relative;text-transform:uppercase;letter-spacing:-2px;}
#logo{-moz-border-radius:0 16px;-webkit-border-radius:0 16px;-o-border-radius:0 16px;border-radius:0 16px;border:1px solid #AE0000;background:#EA0000;background:-moz-linear-gradient(center top , #EA0000 90%, #AE0000) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top , #EA0000 90%, #AE0000) repeat scroll 0 0 transparent;background:-o-linear-gradient(top , #EA0000 90%, #AE0000) repeat scroll 0 0 transparent;background:linear-gradient(top , #EA0000 90%, #AE0000) repeat scroll 0 0 transparent;-moz-box-shadow:0 1px 2px 1px #CCCCCC;-webit-box-shadow:0 1px 2px 1px #CCCCCC;-o-box-shadow:0 1px 2px 1px #CCCCCC;box-shadow:0 1px 2px 1px #CCCCCC;margin-left:2px;color:#FFFFFF;display:inline-block;font-size:24px;left:0;line-height:40px;padding:3px 13px 5px;position:absolute;text-align:center;text-shadow:0 -1px 0 #444;top:-3px;letter-spacing:0;}
#primary h3{color:#666666;font-family:georgia;font-size:15px;font-style:italic;font-weight:normal;margin-bottom:10px;margin-top:-10px;padding-left:80px;}
#primary p{font-family:sans-serif;font-size:13px;line-height:130%;}
#primary p strong{color:#888;font-weight:600;}
#primary h2, #intro h3{font-weight:900;}
#primary .expand{font-weight:bold;}
.how{display:none;margin:10px 0;}
#primary .how p{color:#EA0000;font-family:effra;font-size:17px;font-weight:600;margin-bottom:10px;text-transform:uppercase;}
.how ol{padding-left:0px;}
.how ol li{background:none repeat scroll 0 0 #FFAAAA;font-size:12px;margin-bottom:10px;padding:4px;}
#ads{height:280px;overflow:hidden;width:360px;background:#fff;}
#ads .wrap{display:block;overflow:hidden;}
#ads .wrap p{padding:90px 0;text-align:center;}
#optimize{margin-top:20px;}
form{display:block;overflow:hidden;}
#dropzone{background:url("../imgs/drop-here.png") no-repeat scroll center 10px transparent;border:3px dashed #CCCCCC;margin-bottom:20px;padding:20px;position:relative;}
#dropzone h3{font-family:effra;font-size:20px;font-style:normal;font-weight:bold;margin:50px 0 0;padding:0;text-align:center;}
#dropzone p{color:#777777;font-size:13px;text-align:center;}
.url{margin-bottom:20px;width:100%;}
.file{margin-bottom:20px;width:100%;position:relative;display:none;}
.size{margin-bottom:20px;width:100%;overflow:hidden;}
.action{position:relative;width:100%;}
label{color:#666666;display:block;font-family:effra;font-size:13px;margin-bottom:5px;text-transform:uppercase;}
input{}
input.text{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 8px #CCCCCC inset;-webkit-box-shadow:1px 1px 8px #CCCCCC inset;-o-box-shadow:1px 1px 8px #CCCCCC inset;box-shadow:1px 1px 8px #CCCCCC inset;border:1px solid #CCCCCC;font-size:18px;height:22px;padding:10px;width:278px;}
input.file{height:42px;opacity:0;position:absolute;width:300px;z-index:9999;cursor:pointer;}
input.fakefile{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 8px #CCCCCC inset;-webkit-box-shadow:1px 1px 8px #CCCCCC inset;-o-box-shadow:1px 1px 8px #CCCCCC inset;box-shadow:1px 1px 8px #CCCCCC inset;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;display:block;font-size:18px;height:22px;overflow:hidden;padding:10px 80px 10px 20px;width:348px;}
.browse{-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;background:-moz-linear-gradient(center top , #EEEEEE, #CCCCCC) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top , #EEEEEE, #CCCCCC) repeat scroll 0 0 transparent;background:-o-linear-gradient(top , #EEEEEE, #CCCCCC) repeat scroll 0 0 transparent;background:linear-gradient(top , #EEEEEE, #CCCCCC) repeat scroll 0 0 transparent;border-left:1px solid #CCCCCC;bottom:0;color:#333333;display:inline-block;font-family:effra;font-size:12px;font-weight:bold;height:23px;line-height:23px;padding:10px;position:absolute;right:1px;text-shadow:0 1px 0 #FFFFFF;text-transform:uppercase;}
.option{float:left;margin-right:10px;padding:10px;width:70px;cursor:pointer;}
.option.on{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:none repeat scroll 0 0 #EEEEEE;}
.option h4{float:left;font-size:15px;margin-left:5px;}
input.radio{float:left;margin:2px 0;}
input.submit{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:1px solid #AE0000;-moz-box-shadow:0 3px 0 0 #AE0000;-webkit-box-shadow:0 3px 0 0 #AE0000;-o-box-shadow:0 3px 0 0 #AE0000;box-shadow:0 3px 0 0 #AE0000;margin:0 2px 3px;background:#EA0000;color:#FFFFFF;cursor:pointer;display:block;font-size:21px;font-weight:bold;padding:12px 20px;text-align:center;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.4);text-transform:capitalize;font-family:effra;float:left;display:none;}
input.submit:focus{outline:0 none;}
input.submit::-moz-focus-inner{border:0;}
#loading{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 1px 0 #eee;-webkit-box-shadow:0 1px 1px 0 #eee;-o-box-shadow:0 1px 1px 0 #eee;-moz-box-shadow:0 1px 1px 0 #eee;background:#FFAAAA;border:1px solid #EEEEEE;display:none;float:right;padding:4px 10px;position:absolute;right:0;text-shadow:0 1px 0 #FFFFFF;top:0;width:150px;}
#loading.on{display:block;}
#loading h4{font-size:13px;}
#loading p{font-size:11px;line-height:12px;}
#recent{display:block;margin-top:20px;overflow:hidden;}
#recent h4{color:#EA0000;font-size:17px;font-weight:600;margin-bottom:10px;text-transform:uppercase;font-family:effra;}
#recentView{overflow:hidden;width:464px;height:48px;}
.iconslist{list-style:none;position:relative;overflow:hidden;width:300px;height:150px;}
.iconslist li{display:block;float:left;height:40px;margin:0 10px 10px 0;max-width:40px;overflow:hidden;position:relative;width:48px;}
.iconslist li img{display:inline;position:absolute;}
#stats{margin-top:0;display:block;margin-bottom:20px;overflow:hidden;text-align:center;}
#stats h5{font-family:effra;font-size:21px;margin-bottom:10px;text-align:left;}
#stats ul{list-style:none;display:block;}
#stats ul li{border:1px solid rgba(0, 0, 0, 0.5);border-radius:5px;box-shadow:0 2px 0 0 #EEEEEE inset;display:block;float:left;font-family:sans-serif;font-size:12px;margin-bottom:2px;margin-right:5%;padding:3px 0;text-align:center;width:20%;}
#stats ul li:last-child{margin-right:0;}
#stats ul li strong{color:#EA0000;display:block;font-size:13px;font-weight:bold;}
.iconblock{background:#eee;border:1px solid rgba(0,0,0,0.4);border-top:none;display:block;overflow:hidden;padding:10px;position:relative;}
.iconblock .info{display:block;float:left;overflow:hidden;width:350px;}
.iconblock .info span{margin-right:5px;}
.iconblock .actions{display:block;float:right;overflow:hidden;padding-top:21px;width:28px;}
.icon{background:none repeat scroll 0 0 #EEEEEE;float:left;height:50px;margin-right:10px;width:50px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid rgba(0,0,0,0.4);position:relative;overflow:hidden;}
.icon img{position:absolute;top:0;left:0;width:100%;}
.filename{display:block;font-size:18px;font-weight:normal;line-height:100%;margin-bottom:8px;color:#000;}
.ofilesize, .cfilesize{-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#000000;display:block;float:left;font-size:11px;padding:3px 5px;text-transform:uppercase;width:50px;text-align:center;}
.cfilesize, .percentage, .download{display:none;}
.ofilesize, .cfilesize, .percentage{height:14px;}
.ofilesize{background:#ddd;}
.cfilesize{background:#fff;}
.arrow{float:left;display:block;padding:3px 5px;margin-right:5px;display:none;}
.percentage{background:none repeat scroll 0 0 #666;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#FFFFFF;float:left;font-size:10px;padding:3px 5px;width:70px;text-align:center;}
.loading{border:1px solid #aaa;background:rgba(255,255,255,0.5);border-radius:5px;display:block;float:left;height:18px;overflow:hidden;width:70px;}
.loading small{background:none repeat scroll 0 0 #f9f9f9;border-radius:0 4px 4px 0;box-shadow:0 2px 0 0 #e5e5e5 inset;display:block;height:100%;overflow:hidden;text-align:center;font-size:11px;padding-top:2px;color:#333;}
.download{background:url(../imgs/icon-download.png) no-repeat scroll center center #ddd;float:right;font-size:10px;font-weight:bold;height:23px;width:24px;text-transform:uppercase;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid rgba(0,0,0,0.4);}
.download a{display:block;text-indent:-9999px;text-transform:capitalize;width:100%;height:100%;}
.remove{background:#ddd;-moz-border-radius:4px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid rgba(0,0,0,0.4);color:#888;cursor:pointer;font-size:9px;padding:0 2px;font-weight:bold;position:absolute;right:3px;top:3px;background:#eee;}
.iconblock.dz-processing{background:#EA0000;}
.iconblock.dz-processing .icon{background:#FF2B2B;}
.iconblock.dz-processing .filename{color:#fff;}
.iconblock.dz-processing .ofilesize{background:#FF2B2B;color:#000;}
.iconblock.dz-processing .cfilesize{background:#FF6A6A;color:#000;}
.iconblock.dz-processing .percentage{background:#AE0000;}
.iconblock.dz-processing .loading{border:1px solid #AE0000;}
.iconblock.dz-processing .loading small{background:none repeat scroll 0 0 #fff;box-shadow:0 2px 0 0 #eee inset;}
.iconblock.dz-processing .download{background-color:#FF2B2B;color:#FFFFFF;border:1px solid #AE0000;}
.iconblock.dz-processing .remove{border-color:#AE0000;color:#AE0000;background:#FF2B2B;}
.iconblock.dz-processing .dz-error-message{display:none;}
.iconblock.dz-processing.dz-success{background:#fff;}
.iconblock.dz-processing.dz-success .icon{background:transparent;}
.iconblock.dz-processing.dz-success .filename{color:#000;}
.iconblock.dz-processing.dz-success .ofilesize{background:#ddd;color:#000;}
.iconblock.dz-processing.dz-success .cfilesize{background:#eee;color:#000;}
.iconblock.dz-processing.dz-success .percentage{background:#666;color:#fff;}
.iconblock.dz-processing.dz-success .loading{border:1px solid #aaa;background:#f5f5f5;}
.iconblock.dz-processing.dz-success .loading small{background:#fff;box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.1) inset;color:#333;}
.iconblock.dz-processing.dz-success .download{background-color:#eee;color:#999;border:1px solid #999;}
.iconblock.dz-processing.dz-success .remove{border-color:#999;color:#999;background:#eee;}
.iconblock.dz-processing.dz-success.dz-fullyoptimized { background: #efefef; }
.iconblock.dz-processing.dz-success.dz-fullyoptimized .loading { width: 220px;}
.iconblock.dz-success .dz-error-message{display:none;}
.iconblock.dz-error{background:#FFAAAA;}
.iconblock.dz-error .icon{background:transparent;}
.iconblock.dz-error .filename{color:#000;}
.iconblock.dz-error .ofilesize{background:#FF6A6A;color:#000;}
.iconblock.dz-error .cfilesize{background:#FFE1E1;color:#000;}
.iconblock.dz-error .percentage{background:#FF4040;color:#fff;}
.iconblock.dz-error .loading{border:1px solid #aaa;background:#f5f5f5;}
.iconblock.dz-error .loading small{background:#fff;box-shadow:0 2px 0 0 #FFE1E1 inset;color:#333;}
.iconblock.dz-error .download{background-color:#FFE1E1;color:#999;border:1px solid rgba(0, 0, 0, 0.14);}
.iconblock.dz-error .remove{border-color:rgba(0, 0, 0, 0.14);color:#999;background:#FFE1E1;}
.iconblock.dz-error .actions,
.iconblock.dz-error .ofilesize{display:none;}
.iconblock.dz-error .info{width:500px;}
.iconblock.dz-error .info .loading{display:none;}
.iconblock .dz-error-message{display:none;float:left;width:220px;}
.iconblock.dz-error .dz-error-message{display:block;}
.iconblock .dz-error-message span{font-size:13px;color:#333;}
.iconblock:first-of-type{-moz-border-radius:10px 10px 0 0;color:#fff;-webkit-border-radius:10px 10px 0 0;color:#fff;-o-border-radius:10px 10px 0 0;color:#fff;border-radius:10px 10px 0 0;color:#fff;}
.iconblock:last-of-type{-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.iconblock:first-of-type:last-of-type{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.iconblock:nth-of-type(1){border-top:1px solid rgba(0,0,0,0.4);}
.iconblock .preview{background:url(../imgs/icon-preview.png) no-repeat scroll center center #eee;color:#666666;float:right;font-size:10px;font-weight:bold;line-height:100%;text-transform:uppercase;display:block;height:30px;width:30px;margin-right:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #999;display:none;}
.iconblock .preview a{display:block;text-indent:-9999px;text-transform:capitalize;width:30px;height:30px;}
#preTab{left:94px;top:83px;}
#preAddr{left:57px;top:50px;}
.smallIco{position:absolute;}
#instructions{background:none repeat scroll 0 0 #F8F8F8;display:block;padding:10px;position:relative;}
#instructions.on{}
#instructions .remove{bottom:10px;right:10px;top:auto;}
#instructions h3{color:#EA0000;font-size:17px;font-weight:600;margin-bottom:10px;text-transform:uppercase;}
#instructions ol{padding-left:20px;}
#instructions ol li{font-size:13px;margin-bottom:10px;}
#instructions ol li code{display:inline-block;background:#eee;border:1px dashed #aaa;color:#666;font-size:12px;margin:5px;padding:5px;width:92%;}
#tertiary{}
.big-ad{background:#eee;display:block;float:left;height:250px;width:300px;margin-bottom:20px;}
.medium-ad{background:#eee;display:block;float:none;height:90px;width:300px;margin-bottom:20px;}
.small-ad{background:#eee;display:block;float:left;height:100px;margin-bottom:20px;margin-right:20px;width:140px;}
.small-ad.last{margin-right:0;}
#footer{width:100%;margin-top:50px;background:#f9f9f9;}
#footer .container{padding:20px 0 20px;}
#footer .col3{display:block;margin-bottom:30px;overflow:hidden;}
#footer .col3 h4{font-family:effra;font-size:15px;font-weight:100;margin-bottom:10px;text-transform:uppercase;}
#footer .col3 p{font-family:sans-serif;font-size:12px;line-height:140%;color:#666;}
#footer .col3 p a{font-weight:bold;color:#FF6666;}
#footer .col3 .before,
#footer .col3 .after{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;border-radius:5px;display:block;float:left;height:180px;text-align:center;width:140px;margin-top:10px;}
#footer .col3 .before img,
#footer .col3 .after img{margin:10px auto;}
#footer .col3 .before{margin-right:5px;}
#footer .col3 .after{}
#copy{clear:both;display:block;height:100px;overflow:hidden;padding-top:40px;width:100%;}
#copy p{display:block;float:left;font-size:10px;font-weight:normal;text-align:center;text-transform:uppercase;width:100%;}
#copy p.feedback{font-size:14px;margin:10px 0 20px;text-transform:none;}
#copy p.feedback strong{color:#EA0000;font-weight:bold;}
#copy p.feedback em{color:#666666;}
#copy p.copyright{font-size:11px;}
input.on{background:#FFEAEA !IMPORTANT;-moz-box-shadow:1px 1px 8px #FF6666 inset;-webkit-box-shadow:1px 1px 8px #FF6666 inset;-o-box-shadow:1px 1px 8px #FF6666 inset;box-shadow:1px 1px 8px #FF6666 inset;}
#preTab{left:89px;top:76px;}
#preAddr{left:55px;top:46px;}