#errorWrap {
	background: #d23939;
	color: #fff;
	padding: .5rem;
	font-size: 12px;
}
﻿#public_icon_label{
	text-transform: none;
	margin-bottom: 20px;
}
#public_icon{
	margin-right: 5px;
	vertical-align: middle;
}
#public_icon_label span{
	vertical-align: middle;
}
.fb-link-footer img {
    height: 100%;
	opacity: 0.8;
}

.fb-link-footer {
    height: 17px;
    margin-right: 2px;
    margin-left: 1px;
    display: inline-block;
	vertical-align: bottom;
    width: auto;
}

.archive-text{
	display: none;
	font-size: 18px;
    text-align: center;
    padding-top: 19px;
	font-family:'Open Sans', sans-serif;
}
#archives{
	display: block;
	padding-top: 19px;
}
#archives:after {
  content: "";
  display: table;
  clear: both;
}
/* Archive Block */
.archiveblock {display: block;
    height: 77px;
    overflow: hidden;
    width: 330px;
	padding:25px 0 0 29px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	position:relative;
	-moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
	}

.archiveblock.newest {background:#f9cf56;border-top:1px solid #f9cf56; border-color:#f9cf56;
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-o-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;}
.archiveblock.newest .info h5 {color:#fff;}
.archiveblock.newest .info span {background:#fff; border-color:#FF9999;}

.archiveblock.newest .remove {color:#fff;border-color:#fff;}
.archiveblock .remove {
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
    border: 1px solid #ccc;
	color: #999;
    cursor: pointer;
    font-size: 9px;
	padding: 0 2px;
    font-weight: bold;
    position: absolute;
    right: 3px;
    top: 3px;}

.archiveblock.newest .download a {color:#fff; background:url("/imgs/dl-arrow-transp.png") no-repeat scroll center 0 transparent;}

.archiveblock.last {
-moz-border-radius:0 0 10px 0;
-webkit-border-radius:0 0 10px 0;
-o-border-radius:0 0 10px 0;
border-radius: 0 0 10px 0;
}

.archiveblock:nth-child(odd){
	background: #f9cf56;
	border-top: 1px solid #f9cf56;
    border-color: #f9cf56;
}
.archiveblock:nth-child(odd) .info h5{
	color: #FFF;
}
.archiveblock:nth-child(odd) .download a{
	color:#fff;
	background:url("/imgs/dl-arrow-transp.png") no-repeat scroll center 0 transparent;
}
.archiveblock:nth-child(even){
	background: #FFECEC;
    border-top: 1px solid #F7D6D6;
    border-color: #F7D6D6;
}
.archiveblock:nth-child(even) .download a{
	color:#fff;
	background:url("/imgs/dl-arrow-transp.png") no-repeat scroll center 0 transparent;
}


/* END Archive Block */

.new-expand{
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-bottom: 10px;
}
.new-expand:first-child{
	padding-right: 5px;
	text-align: left;
}
.new-expand:last-child{
	padding-right: 5px;
	text-align: right;
}
.expand.new-expand:before{
	background-image: url(../imgs/info.png);
}
.expandSizes.new-expand:before{
	background-image: url(../imgs/settings.png);
}
.expandSizes.new-expand:before, .expand.new-expand:before{
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content:"";
	displaY: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
.expand.new-expand,.expandSizes.new-expand{
	color: #666666;
    display: block;
	vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
	font-weight: normal;
	line-height: 16px;
}
.how:before, .size-options:before{
	content: "";
	display: table;
	clear: both;
}
.size-options{
	display: none;
	max-width: 550px;
}
.size-options .size-checkboxes label{
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
	text-transform: none;
	font-size: 15px;
    color: #404040;
    font-weight: bold;
	min-width: 15%;
}
.size-options .size-checkboxes input[type=checkbox]{
	vertical-align: middle;
	margin-right: 5px;
}
.size-options{
	margin-bottom: 15px;
}
*,textarea,input {margin:0; padding:0; outline:0 none;}

html {}

body,textarea,input {font-family:arial,Helvetica,Arial,sans-serif;}

body {}

a {text-decoration:none; color:#000;}
h1,h2,h3 {}
p {}
img {}

.container {max-width:960px; width:100%; margin:0 auto; overflow:hidden;}

.col1-2 {float:left; width:400px; overflow:hidden; margin-bottom: 21px;}
.col2-2 {
	float: left;
    margin-left: 40px;
    margin-right: 74px;
    overflow: hidden;
    width: 86px;
    height: 146px;
}

.col3 {float:left; width:300px;}
.col3.mid {margin:0 30px;}

.lcol {float: left;margin-right: 50px;width: 100%;}
.rcol {float: right;width: 360px;}

#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: linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;
background: -o-linear-gradient(top , #EEEEEE, #DDDDDD) repeat scroll 0 0 transparent;
}
#top .container {height:40px;}

#network {list-style:none; font-family:arial;}
#network li {float:left; margin-right:10px; font-size:12px; line-height:150%; text-transform:uppercase;}
#network li.parent {color: #555555;
    display: none;
    font-family: dosis;
    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;}
#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;}
#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:0 2px 0 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;
}

#header {width:100%;}
#header .container {padding:30px 0 0;}

#left-header{
	max-width: 380px;
    width: 90%;
    float: left;
}
#right-header{
	max-width: 580px;
    width: 90%;
    float: left;
    text-align: center;
}

#intro, .intro  { max-width:550px; float:left; width: 100%;}
#intro h2, .intro h2, .left-header h2  {color: #FF6666;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 10px;
    padding-left: 75px;
    position: relative;
    text-shadow: 0 1px 0 #CCCCCC, 1px 2px 0 #CCCCCC, 2px 3px 0 #CCCCCC;
    text-transform: uppercase;}
#logo {
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
	-o-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;
    -moz-box-shadow: 2px 2px 0 0 #CCCCCC;
	-webkit-box-shadow: 2px 2px 0 0 #CCCCCC;
	-o-box-shadow: 2px 2px 0 0 #CCCCCC;
	box-shadow: 2px 2px 0 0 #CCCCCC;
    background: none repeat scroll 0 0 #FF6666;
    color: #FFFFFF;
    display: inline-block;
    font-size: 40px;
    left: 0;
    line-height: 40px;
    padding: 10px 13px 15px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 #999999;
    top: 2px;}

#intro h3, .intro h3, .left-header h3 {font-size:27px;line-height: 100%; margin-bottom:10px; color:#666; text-shadow: 0 1px 0 #EEEEEE, 1px 2px 0 #EEEEEE, 2px 3px 0 #EEEEEE;}
#intro p, .intro p {font-size:14px; line-height:140%; font-family:arial;}

#intro h2, #intro h3, .intro h2, .intro h3, .left-header h3, .left-header h2  {font-family:dosis;}

#intro .expand, .intro .expand {font-weight: bold;}
.how {display:none;margin: 10px 0; max-width: 550px;}
#intro .how p, .intro .how p {color: #FF6666;
    font-family: dosis;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;}
.how ol {padding-left: 20px;}
.how ol li {background: none repeat scroll 0 0 #FFEAEA;
    font-size: 13px;
    margin-bottom: 10px;
	font-family:arial;}


#ads {height: 280px;overflow: hidden;width: 336px; background:#fff; margin: 0 auto; }
#ads .wrap {display: block;overflow: hidden;}
#ads .wrap p {padding: 90px 0;
    text-align: center;}

#ads1 {height: 250px;overflow: hidden;width: 300px; background:#fff; }
#ads1 .wrap1 {display: block;overflow: hidden;}
#ads1 .wrap1 p {padding: 10px 30px;
    text-align: center;}

#main {width:100%;}
#main .container {padding:20px 0;}

#convert {float:left;width:600px; margin-top:20px;}

form {display:block; overflow:hidden;}

.url {margin-bottom: 20px;width: 100%; max-width: 460px;}
.newForm .url {
    float: left;}
.file {margin-bottom: 20px;width: 100%; position:relative;}
.action {position: relative;width: 100%;}
label {color: #666666;
display: block;
font-size: 12px;
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;
padding: 10px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
input.file {height: 42px;
opacity: 0;
position: absolute;
width: 399px;
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 100px 10px 20px;
width: 278px;}
.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-size: 11px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding: 10px;
	position: absolute;
	right: 1px;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase;
}
input.submit {
-moz-border-radius: 58px;
-webkit-border-radius: 58px;
-o-border-radius: 58px;
border-radius:58px;
-moz-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
-webkit-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
-o-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
background: -moz-linear-gradient(center top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
background: -o-linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
background: linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 21px;
    font-weight: bold;
    height: 84px;
    margin: 40px 0 5px;
    padding: 11px 20px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    width: 86px;
}
.newForm input.submit {
	float: left;
    -moz-border-radius: 58px;
    -webkit-border-radius: 58px;
    -o-border-radius: 58px;
    border-radius: 58px;
    -moz-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
    -webkit-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
    -o-box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
    box-shadow: 0 1px 0 0 #FFCCCC inset, 0 1px 0 0 #CCCCCC;
    background: -moz-linear-gradient(center top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
    background: linear-gradient(top , #FF9999, #FF6666) repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    margin: 10px 15px;
    padding: 11px 15px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    width: 60px;
}
	input.submit:focus {outline: 0 none;}
input.submit::-moz-focus-inner {
  border: 0;
}
#recent {display: block;
    margin-top: 20px;
    overflow: hidden;}
#recent h4 {color: #FF6666;
    font-size: 20px;
    margin-bottom: 10px; font-weight:600;
	font-family:arial;}

#recentView {
	overflow: hidden;
	width: 464px;
	height: 48px;
}
.iconslist {
	list-style:none;
	position: relative;
	overflow: hidden;
	height: 48px;
}
.iconslist li {
	display: block;
    float: left;
    height: 48px;
    margin-right: 10px;
    position: relative;
    width: 48px;
    max-width: 48px;
    overflow: hidden;
}
/*
.iconslist li span {
    display: block;
    font-size: 6px;
    height: 48px;
    width: 48px;
    position: relative;
}*/
.iconslist li img {
	display: inline;
	position: absolute;
}

#results {
    float: left;
    margin: 0;
    width: 360px;
	padding-top:19px;
	padding-bottom:19px;}
#loading{
	display: block;
    overflow: hidden;
    width: 358px;
    padding: 25px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    text-align: center;
    color: #FF6666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*#noicons{
	background: none repeat scroll 0 0 #F9F9F9;
    border: 2px dashed #DDDDDD;
    display: block;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    width: 256px;
	margin-bottom:20px;
}
#noicons h5 {font-size: 18px;}
#noicons p {font-size: 12px;}*/
#noicons{
  display: block;
  overflow: hidden;
  width: 358px;
  padding: 25px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  text-align: center;
  color: #FF6666;
  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#noicons h5 {font-size: 23px;}
#noicons p {font-size: 14px;}



.iconblock {display: block;
    height: 77px;
    overflow: hidden;
    width: 330px;
	padding:25px 0 0 29px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	position:relative;
	-moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
	}

.iconblock.newest {background:#FF6666;border-top:1px solid #FF6666; border-color:#ff6666;
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-o-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;}
.iconblock.newest .info h5 {color:#fff;}
.iconblock.newest .info span {background:#fff; border-color:#FF9999;}

.iconblock.newest .remove {color:#fff;border-color:#fff;}
.iconblock .remove {
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
    border: 1px solid #ccc;
	color: #999;
    cursor: pointer;
    font-size: 9px;
	padding: 0 2px;
    font-weight: bold;
    position: absolute;
    right: 3px;
    top: 3px;}

.iconblock.newest .download a {color:#fff; background:url("/imgs/dl-arrow-newest.png") no-repeat scroll center 0 transparent;}

.iconblock.last {
-moz-border-radius:0 0 10px 0;
-webkit-border-radius:0 0 10px 0;
-o-border-radius:0 0 10px 0;
border-radius: 0 0 10px 0;
}

.iconblock:nth-child(odd){
	background: #FF6666;
	border-top: 1px solid #FF6666;
    border-color: #ff6666;
}
.iconblock:nth-child(odd) .info h5{
	color: #FFF;
}
.iconblock:nth-child(odd) .download a{
	color:#fff;
	background:url("/imgs/dl-arrow-newest.png") no-repeat scroll center 0 transparent;
}
.iconblock:nth-child(even){
	background: #FFECEC;
    border-top: 1px solid #F7D6D6;
    border-color: #F7D6D6;
}
.iconblock:nth-child(even) .download a{
	color:#fff;
	background:url("/imgs/dl-arrow-pink.png") no-repeat scroll center 0 transparent;
}



.info {float: left;
    width: 240px;}
.info span {
	background: none repeat scroll 0 0 #eee;
    border: 1px solid #ddd;
    float: left;
    height: 48px;
    margin: 0 10px 10px 0;
    width: 48px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position: relative;
}
.info h5 {font-size: 29px;
    height: 30px;
    line-height: 100%;
	font-family:dosis;
	color:#FF9999;
	overflow:hidden;
	font-weight:normal;
}
.info p {font-size:14px;}
.info span img {
	position: absolute;
}

.download {
	float: right;
    margin-right: 30px;
}
.download a {
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0px;
	text-indent:-9999px;
	text-transform:capitalize;
	height:54px;
	width:41px;
	background:url("/imgs/dl-arrow.png") no-repeat scroll center 0 transparent;
    }

#footer {width:100%; background:#f7f7f7; font-family:arial;}
#footer .container {padding:20px 0;}

#footer .col3 {height:100px; display:block;}
#footer .col3 h4 {
	font-size: 13px;text-transform: uppercase;
	margin-bottom: 10px;
}
#footer .col3 p {font-size: 12px;
    line-height: 150%;}
#footer .col3 p a {font-weight:bold; color:#FF6666;}

#copy {display:block; width:100%; overflow:hidden; clear:both; padding-top:30px;}
#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: #FF6666;
    font-weight: bold;}
#copy p.feedback em {color: #666666;}

.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;
}

#leftColumnContainer{
	float:left; max-width: 550px; width: 100%;
}

.i-left{
	width:100%;
}
.i-right{
	width:22%;
	float:right;
	padding-top: 10px;
}
.i-right ul {
	list-style-type: none;
}
#language{
	cursor: pointer;
	font-size: 12px;
}
#language a#activeLanguage{
	text-align: right;
  display: block;
  }
#language a#activeLanguage:after{
	content: '\25BE';
}
#language img{
	padding-left: 10px;
}
#language .submenu{
	display: none;
	background: #FFF;
    border: 1px solid #ddd;
}
#language .submenu li{
	list-style-type: none;
	clear: both;
	padding: 7px 10px 7px 0px;
	border-bottom: 1px solid #ddd;
}
#language .submenu li:hover {
	background: #F4F4F4;
}
li.last{
	border: none;
}
#language:hover .submenu, .submenu:hover{
	display: block;
}
#selectFiles:before{
	content: url('/imgs/addFile.png');
	vertical-align: -50%;
}
#selectFiles:after{
	content: '\25BE';
	padding-left: 25px;
}
#activeLanguage{
  font-family: inherit;
  font-size: inherit;
  background: #FFF;
  color: #222;
  border: 1px solid #ddd;
  cursor: pointer;
  padding: 4px 15px 4px 2px;
  display: inline-block;
  outline: none;
  position: relative;
}
#selectFiles{
   border: none;
  font-family: inherit;
  font-size: inherit;
  background: #FF6666;
  color: #fff;
  cursor: pointer;
  padding: 15px 5px 15px 20px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
}
#selectFiles:active, #activeLanguage:active {
  background: #FF6666;
  background: -moz-linear-gradient(top , #FF6666, #D52323) repeat scroll 0 0 transparent;
  background: -webkit-linear-gradient(top , #FF6666, #D52323) repeat scroll 0 0 transparent;
  background: linear-gradient(top , #FF6666, #D52323) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(top , #FF6666, #D52323) repeat scroll 0 0 transparent;
}
#selectOptions ul {
  background: #FFF;
  border: 1px solid #ddd;
  max-width: 260px;
  width:100%;
  list-style-type: none;
  display: none;
  position: absolute;
  z-index: 9999;
}
#selectOptions li {
  background: #FFF;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  font-size: 14px;
}
#selectOptions li:hover {
	background: #F4F4F4;
}
#selectOptions:hover #selectSubmenu, #selectOptions #selectSubmenu:hover{
	display: block;
}
#selectOptions{ display: inline-block; }
#urlPop{
	display: none;
}
.ui-widget-header {
  border: 1px solid #FF6666;
  background: #FF6666;
}
.ui-state-default .ui-icon {
  background-image: url("/imgs/ui-icons_222222_256x240.png");
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #fafafa;
  font-weight: bold;
  color: #222;
}
#urlPop input.text {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px #CCCCCC inset;
  -webkit-box-shadow: 1px 1px 2px #CCCCCC inset;
  -o-box-shadow: 1px 1px 2px #CCCCCC inset;
  box-shadow: 1px 1px 2px #CCCCCC inset;
  border: 1px solid #CCCCCC;
  font-size: 18px;
  height: auto;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
#urlPop input[type=submit]{
  margin: 10px auto 0 auto;
  display: block;
  background-color: rgb(255, 102, 102);
  color: #FCFAFA;
  padding: 5px 10px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.billboardAd { width: 970px; height: 250px;}

#sharer li{
	list-style-type: none;
	display: inline-block;
}

#sharer li span {
    clear: both;
    display: block;
    text-align: center;
	color: #fff;
	font-size: 10px;
	padding: 5px;
}
#facebookShare a{
	width: 60px;
	height: 60px;
	background-image: url("/imgs/facebook.png");
	background-size: 100% 100%;
	cursor: pointer;
	display: block;
}
#facebookShare span {
    background: #2B4884;
}
#redditShare a{
	width: 60px;
	height: 60px;
	background-image: url("/imgs/reddit.png");
	background-size: 100% 100%;
	cursor: pointer;
    display: block;
}
#redditShare span {
    background: #229E89;
}
#gplusShare a{
	width: 60px;
	height: 60px;
	background-image: url("/imgs/gplus.png");
	background-size: 100% 100%;
	cursor: pointer;
    display: block;
}
#gplusShare span {
    background: #BF3727;
}
#stumbleShare a{
	width: 60px;
	height: 60px;
	background-image: url("/imgs/stumble.png");
	background-size: 100% 100%;
	cursor: pointer;
    display: block;
}
#stumbleShare span {
    background: #C33C1D;
}
#emailShare a{
	width: 60px;
	height: 60px;
	background-image: url("/imgs/email.png");
	background-size: 100% 100%;
	cursor: pointer;
    display: block;
}
#emailShare span {
    background: #058EC1;
}
.right-menu{
	padding-top: 10px;
    display: flex;
    justify-content: center;
}
.right-menu li{
	display: inline-flex;
	flex-direction: column;
    align-items: center;
	text-align: center;
	border-bottom: 1px solid #E8E8E8;
}
.right-menu li.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: 0.6;
}
.right-menu li span{
	display:block;
	clear:both;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.sub-top-menu img {
    max-width: 75px;
}

ul.right-menu.sub-top-menu li {
    border: 0;
}
ul.right-menu.sub-top-menu {
    position: absolute;
	z-index: 9999999;
    left: 49%;
    background: #fff;
    box-shadow: 0 0 5px #E8E8E8;
}

#network-urls{
	text-align: center;
	font-size: 12px;
	text-transform:uppercase;
	color: #9C9C9C;
	padding: 5px 10px;
    border-top: 2px solid #ECECEC;
}

#network-urls a{
	font-size: 12px;
	text-transform:uppercase;
	color: #9C9C9C;
	display: inline-flex;
    justify-content: center;
    padding: 0 10px;
	font-weight: bold;
}
#network-urls a:hover{
	color: #FF6666;
}

@font-face {
  font-family: 'custom-icon-font';
  src: url('/font/custom-icon-font.eot?84871079');
  src: url('/font/custom-icon-font.eot?84871079#iefix') format('embedded-opentype'),
       url('/font/custom-icon-font.woff?84871079') format('woff'),
       url('/font/custom-icon-font.ttf?84871079') format('truetype'),
       url('/font/custom-icon-font.svg?84871079#custom-icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'custom-icon-font';
    src: url('/font/custom-icon-font.svg?84871079#custom-icon-font') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "custom-icon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-dir:before { content: '\e800'; } /* '' */
.icon-up-dir:before { content: '\e801'; } /* '' */

.show_button{
	clear: both;
	background: #FF6666;
    padding: 10px 25px;
    display: block;
    margin: 10px auto;
    width: 30%;
    color: #FFF;
    font-family: Dosis;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
	cursor: pointer;
}

@media screen and (max-width: 960px){
	.billboardAd { width: 728px; height: 90px;}
	#top .container{ height: auto; text-align: center;}
	#network li{ display: inline-block; float: none;}
	#counter {
	  display: block;
	  float: none;
	  clear: both;
	}
	#counter p{ text-align: center;}
	.lcol {
	  float: left;
	  margin-right: 5%;
	  margin-left: 5%;
	  width: 90%;
	}
	#leftColumnContainer{
		max-width: none;
		width:100%;
		padding-bottom:20px;
	}
	.rcol {
	  float: none;
	  width: 100%;
	  text-align: center;
	}
	.rcol>div {
	  margin: 0 auto;
	}
	#results {
  		float: none;
		width:100%;
	}
	#noicons {
		width: 100%;
 	 max-width: 360px;
 	 margin: 0 auto;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}

	#ads{ max-height: 280px; height: auto;}
	.col3, #footer .col3 { width: 30%;
	height: auto;
	}
	.col3.mid {
	  margin: 0 5%;
	}
	#footer .container{ width: 90%;}
	#convert{ width: 100%; }
	.col1-2{ width: 60%;}
	.col2-2{ width: 30%; margin:0 5%;}
	input.fakefile, input.text{ width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	height: 43px;
	}
	#recentView{
		  max-width: 464px;
  	width: 100%;
	}
	#left-header, #right-header {
		float: none;
		max-width: 90%;
		margin: 0 auto;
	}
	ul.right-menu.sub-top-menu {
		left: 0;
		width: 100%;
}
	}

}

@media(max-width: 320px) { .billboardAd { width: 320px; height: 100px; } }
@media(max-width: 500px) { .billboardAd { width: 468px; height: 60px; }
	.size-options .size-checkboxes label {
		min-width: 26%;
	}
	.new-expand{
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 400px){
	#sharer li a{
		width: 40px;
		height: 40px;
	}
	#counter p span { font-size: 10px;}
	#intro h2, .intro h2, .left-header h2{ font-size: 2.5em;

}

/*
     FILE ARCHIVED ON 01:06:50 Jun 23, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:58:36 Dec 08, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
