/*!
 * Description: picload.org stylesheet
 * Author: toFOUR GmbH
 * Author URI: https://www.tofour.net/
 * 
 * $Id: picload.css 32324 2016-04-19 16:17:57Z markus $
 */

/* font rules */
@font-face {
	font-family:"icon";
	font-weight:normal;
	font-style:normal;
	src:url('//static.picload.org/fonts/icon.eot?-fctzel');
	src:url('//static.picload.org/fonts/icon.eot?#iefix-fctzel') format('embedded-opentype')
		, url('//static.picload.org/fonts/icon.woff?-fctzel') format('woff')
		, url('//static.picload.org/fonts/icon.ttf?-fctzel') format('truetype')
		, url('//static.picload.org/fonts/icon.svg?-fctzel#icon') format('svg');
}

/* keyframes */
@keyframes waiting {
	0% {transform:rotate(0deg);-moz-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@-moz-keyframes waiting {
	0% {transform:rotate(0deg);-moz-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@-webkit-keyframes waiting {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-o-keyframes waiting {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(360deg);}
}
@-ms-keyframes waiting {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}

@keyframes progress {
	from {background-position:0 0;}
	to {background-position:40px 0;}
}
@-moz-keyframes progress {
	from {background-position:0 0;}
	to {background-position:40px 0;}
}
@-webkit-keyframes progress {
	from {background-position:0 0;}
	to {background-position:40px 0;}
}
@-o-keyframes progress {
	from {background-position:0 0;}
	to {background-position:40px 0;}
}
@-ms-keyframes progress {
	from {background-position:0 0;}
	to {background-position:40px 0;}
}

/* general */
html, body {height:100%;}
body {margin:0;padding:0;font:14px Arial, Helvetica, sans-serif;overflow-y:scroll;background:#fff;}
img {margin:0;border:0;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {margin:0;border:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizeLegibility;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
sub, sup {position:relative;line-height:0;font-size:75%;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
hr {box-sizing:content-box;height:0;}
pre {overflow:auto;}
fieldset {margin:0 2px;padding:6px 10px 12px;border:1px solid #c0c0c0;}
legend {border:0 none;padding:0 5px;}
iframe {border:0 none;}
template {display:none;}
*, *:before, *:after {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
* *::selection {background-color:rgba(149,196,109,0.7);}
* *::-moz-selection {background-color:rgba(149,196,109,0.7);}
.container {width:768px;margin-left:auto;margin-right:auto;}

/* languages */
.languages {position:relative;}
.languages > ul {display:none;position:absolute;padding:5px 0;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #cdcdcd;border-radius:6px;z-index:500;}
.languages > ul:before,
.languages > ul:after {position:absolute;display:inline-block;content:"";border:solid transparent;}
.languages:hover > ul {display:block;}
.languages > ul > li {float:none;padding:5px 15px;height:26px;line-height:16px;}
.languages > ul > li:hover {background:#0b9fcb;background:linear-gradient(#42acc9, #009dc9);background:-moz-linear-gradient(#42acc9, #009dc9);background:-webkit-linear-gradient(#42acc9, #009dc9);background:-o-linear-gradient(#42acc9, #009dc9);background:-ms-linear-gradient(#42acc9, #009dc9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#42acc9', endColorstr='#009dc9');}
.languages > ul > li:hover > a {color:#fff;}
.languages > ul > li > a {color:#555;}
.languages > ul > li > a,
.languages > span.language {padding-left:18px;background:url('//static.picload.org/images/sprite.png') no-repeat -238px 2px;cursor:pointer;}
.languages:hover > span.language {color:#333;}
.languages .de {background-position:-238px 2px !important;}
.languages .en {background-position:-238px -14px !important;}
.languages .fr {background-position:-238px -30px !important;}
.languages .it {background-position:-238px -46px !important;}
.languages .es {background-position:-238px -62px !important;}
.languages .tr {background-position:-238px -78px !important;}

/* previewer */
.previewer > * {float:left;display:block;position:relative;width:130px;height:130px;margin:5px;background:#fff url('//static.picload.org/images/nothumbnail.png') no-repeat scroll 50% 50%;border:1px solid #ccc;}
.previewer > *:hover {border-color:#666;}
.previewer > *.selected {background-color:#0b9fcb;}
.previewer > * > * {position:absolute;}
.previewer > * > input[type="checkbox"] {top:5px;left:5px;}
.previewer > * > span {top:5px;right:5px;width:20px;height:20px;padding:5px;background:rgba(0,0,0,0.6) url('//static.picload.org/images/sprite.png') no-repeat -194px 0;font-size:10px;color:#fff;border-radius:2px;}
.previewer > * > i {bottom:0;left:0;display:block;width:100%;padding:3px 5px;background:rgba(0,0,0,0.6);font-size:75%;color:#fff;text-shadow:1px 1px 0 #000;}

/* bigger and smaller content */
.bigger > *.row,
.bigger > *.row > * {display:block;margin:4px 0;}
.bigger > *.row {margin:15px 0;}
.bigger > *.row > .fakeText {width:300px;}
.bigger > *.row > em {line-height:34px;}
.bigger > *.row > textarea {padding:8px;}
.bigger > *.row > select {height:34px;padding:0 4px;line-height:34px;}
.bigger > *.row > input[type="text"],
.bigger > *.row > input[type="password"],
.bigger > *.row > .fakeText > input {width:300px;height:34px;padding:0 8px;line-height:32px;}
.bigger > *.row > .fakeText > span {line-height:34px;}
.bigger > *.row > .fakeText.left > span {left:8px;}
.bigger > *.row > .fakeText.right > span {right:8px;}
.bigger > *.row > .fakeTextarea > textarea {padding:36px 8px 8px;}
.bigger > *.row > .fakeTextarea > div {top:8px;}
.bigger > *.row > .fakeTextarea > div.left {left:8px;}
.bigger > *.row > .fakeTextarea > div.right {right:8px;}
.smaller > *.row,
.smaller > *.row > * {display:block;margin:4px 0;}
.smaller > *.row {margin:10px 0;}

/* table */
table.tbl {padding:0;border-spacing:0;border:1px solid #0b9fcb;}
table.tbl td {padding:5px;}
table.tbl td.head,
table.tbl tr.head td {padding:6px 5px;background:#0b9fcb !important;color:#fff;font-weight:bold;border:none;}
table.tbl td.column,
table.tbl tr.column td {padding:6px 5px;background:#eee !important;color:#000;font-weight:bold;}
table.tbl td.section,
table.tbl tr.section td {background:#95c46d !important;color:#fff;font-weight:bold !important;}
table.tbl .section a {color:#fff !important;text-decoration:underline;}
table.tbl .section a:hover {text-decoration:none !important;}
table.tbl td.sub,
table.tbl tr.sub td {background:#a5a5a5 !important;border:none;color:#fff;font-weight:bold !important;}
table.tbl td.first,
table.tbl tr.first td,
table.tbl tr.row:nth-child(even) td {background:#fdfdfd no-repeat left center;}
table.tbl td.second,
table.tbl tr.second td,
table.tbl tr.row:nth-child(odd) td {background:#f9f9f9 no-repeat left center;}
table.tblSub,
table.tblTab {margin:0;padding:0;border:none !important;border-spacing:0 !important;}
table.tblSub td {padding:0;border:none !important;}
table.tblTab td {padding:4px 0;border:none !important;}
table.tblForm {width:100%;margin:0;border-collapse:collapse;border-spacing:0;}
table.tblForm tr {border-bottom:1px solid #b7bdc1;}
table.tblForm tr.last,
table.tblForm tr:last-child {border-bottom:none;}
table.tblForm td {padding:7px 10px;line-height:21px;}
table.tblForm td:first-child[colspan] {padding-left:15px;line-height:normal;}
table.tblForm td.label {padding-left:15px;background:#f9f9fa;font-weight:bold;line-height:normal;border-right:1px dotted #c2c5c8;}
table.tblForm td > div.label {display:block;margin:5px 0;font-weight:bold;}
table.tblForm td table.tbl td,
table.tblForm td table.tblTab td {padding:4px;border:none;line-height:normal;}
table.tblForm td table.tblSub td {padding:0;border:none;line-height:normal;}
table.tblStats {width:100%;border-spacing:10px;}
table.tblStats td {position:relative;min-width:100px;padding:10px 15px;background:#fff;border:1px solid #aaa;border-radius:8px;box-shadow:inset 0 0 3px 0 #ccc;-webkit-box-shadow:inset 0 0 3px 0 #ccc;}
table.tblStats td > * {position:relative;display:block;margin:0;padding:0;color:#666;font-weight:normal;white-space:nowrap;z-index:2;}
table.tblStats td > h3 {font-size:22px !important;line-height:22px !important;}
table.tblStats td > label {font-size:12px !important;line-height:12px !important;}
table.tblStats td > i {position:absolute;right:8px;bottom:0;font-size:28px !important;color:#ccc;z-index:1;}

/* tree */
.tree {overflow:auto;}
.tree > div {height:18px;padding-left:18px;background:url('//static.picload.org/images/treeHome.png') no-repeat 0 50%;font-weight:bold;line-height:18px;}
.tree ul {margin:0;padding:0;list-style-type:none;}
.tree ul > li {position:relative;padding-left:16px;background:url('//static.picload.org/images/treeLine.png') repeat-y 0 0;line-height:20px;}
.tree ul > li:last-child {background-repeat:no-repeat;background-position:0 -8px;}
.tree ul > li:before {content:"";position:absolute;top:0;left:0;width:16px;height:20px;background:url('//static.picload.org/images/treeBranch.png') no-repeat 0 50%;}
.tree ul > li.more.close > ul {display:none;}
.tree ul > li.more > div.switch {position:absolute;top:1px;left:0;width:16px;height:18px;background:url('//static.picload.org/images/treeMore.png') no-repeat 0 0;cursor:pointer;}
.tree ul > li.more.close > div.switch {background-position:0 -18px;}
.tree ul > li > label,
.tree ul > li > a {display:inline-block;height:18px;padding-left:18px;background:url('//static.picload.org/images/treeFolder.png') no-repeat 0 50%;line-height:18px;text-decoration:none;color:inherit;white-space:nowrap;}
.tree ul > li.open > label,
.tree ul > li.open > a {background-image:url('//static.picload.org/images/treeFolderOpen.png');}

/* bbcode buttons */
a.bbcode {display:inline-block;width:23px;height:22px;background:url('//static.picload.org/images/bbcode.png');cursor:pointer;}
a.bbcode.break {background-position:0 0;}
a.bbcode.bold {background-position:0 -22px;}
a.bbcode.left {background-position:0 -44px;}
a.bbcode.center {background-position:0 -66px;}
a.bbcode.right {background-position:0 -88px;}
a.bbcode.justify {background-position:0 -110px;}
a.bbcode.code {background-position:0 -132px;}
a.bbcode.command {background-position:0 -154px;}
a.bbcode.email {background-position:0 -176px;}
a.bbcode.help {background-position:0 -198px;}
a.bbcode.image {background-position:0 -220px;}
a.bbcode.italic {background-position:0 -242px;}
a.bbcode.list {background-position:0 -264px;}
a.bbcode.php {background-position:0 -286px;}
a.bbcode.quote {background-position:0 -308px;}
a.bbcode.strike {background-position:0 -330px;}
a.bbcode.underline {background-position:0 -352px;}
a.bbcode.url {background-position:0 -374px;}
a.bbcode.signature {background-position:0 -396px;}

/* sharing is caring */
.share > article {height:72px;}
.share > article > a {display:block;float:left;margin-left:10px;width:72px;height:72px;background:#ccc;font-size:72px;color:#fff !important;text-decoration:none !important;border-radius:10px;}
.share > article > a.icon-share-email {background:#95c46d;}
.share > article > a.icon-share-facebook {background:#3b5998;}
.share > article > a.icon-share-twitter {background:#00aced;}
.share > article > a.icon-share-tumblr {background:#32506d;}
.share > article > a.icon-share-pinterest {background:#cb2027;}
.share > article > a:first-child {margin-left:0;}
.share > p > input[type="text"] {width:100%;height:34px;padding:0 8px;line-height:32px;}
.share > p > textarea {width:100%;height:50px;padding:8px;line-height:16px;}

/* badge */
.badge {position:relative;display:inline-block;padding:1px 6px;background-color:#666;font-weight:bold;text-shadow:none !important;vertical-align:middle;white-space:nowrap;word-wrap:normal;border-radius:9px;color:#fff;}
.badge.green {background-color:#009900;color:#eeffee;}
.badge.red {background-color:#cc0000;color:#ffeeee;}
.badge.black {background-color:#333;color:#fff;}
.badge.brown {background-color:#c63;color:#fff;}
.badge.orange {background-color:#f90;color:#fff;}
.badge.yellow {background-color:#ff0;color:#333;}
.badge.blue {background-color:#369;color:#fff;}
.badge.purple {background-color:#c0f;color:#fff;}
.badge.pink {background-color:#f0c;color:#fff;}
.badge.online {background-color:#006600;background-image:linear-gradient(#009900, #006600);background-image:-moz-linear-gradient(#009900, #006600);background-image:-webkit-linear-gradient(#009900, #006600);background-image:-o-linear-gradient(#009900, #006600);background-image:-ms-linear-gradient(#009900, #006600);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#006600');}
.badge.offline {background-color:#880000;background-image:linear-gradient(#bb0000, #880000);background-image:-moz-linear-gradient(#bb0000, #880000);background-image:-webkit-linear-gradient(#bb0000, #880000);background-image:-o-linear-gradient(#bb0000, #880000);background-image:-ms-linear-gradient(#bb0000, #880000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#880000');}
.badge.online:before {border-bottom:4px solid #003300;}
.badge.offline:before {border-bottom:4px solid #330000;}

/* addition */
.addition {position:relative;display:inline-block;height:16px;margin:0 0 0 6px;padding:1px 3px 1px 1px;background-color:#e50008;border-radius:0 3px 3px 0;box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);color:#fff;font-size:11px;font-weight:700;letter-spacing:0;line-height:14px;white-space:nowrap;vertical-align:middle;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);opacity:0.9;filter:alpha(opacity=90);}
.addition::before {content:"";position:absolute;left:-6px;top:0;width:0;height:0;float:left;border-radius:2px;border-style:solid;border-width:8px 6px 8px 0;border-color:transparent #e50008 transparent transparent;}

/* remarks */
.remark {position:relative;padding:10px 10px 10px 45px !important;border:1px solid;font-size:12px;color:#484848;line-height:normal;}
.remark a,
.remark a:hover {color:#484848;}
.remark.success {background:#e6efc2 url('//static.picload.org/images/remarkSuccess.png') no-repeat 10px center;border-color:#c6d881;}
.remark.error {background:#fbe3e4 url('//static.picload.org/images/remarkError.png') no-repeat 10px center;border-color:#fbc7c9;}
.remark.info {background:#a8b2c5 url('//static.picload.org/images/remarkInfo.png') no-repeat 10px center;border-color:#8497bf;}
.remark.warning {background:#fff6bf url('//static.picload.org/images/remarkWarning.png') no-repeat 10px center;border-color:#fdd845;}
.remark .close {position:absolute;top:5px;right:5px;display:block;width:7px;height:7px;background:url('//static.picload.org/images/remarkClose.png') no-repeat;margin-left:10px;}
.remark .reload {display:inline-block;width:16px;height:16px;background:url('//static.picload.org/images/remarkReload.png') no-repeat;margin-left:10px;}

/* filetypes */
.filetype {background:url('//static.picload.org/images/filetypes/unknown.png') no-repeat left center;}
.filetype.center {background-position:center center;}
.filetype.px16 {background-size:16px;}
img.filetype.px16 {width:16px;height:16px;}
.filetype.px24 {background-size:24px;}
img.filetype.px24 {width:24px;height:24px;}
.filetype.px32 {background-size:32px;}
img.filetype.px32 {width:32px;height:32px;}
.filetype.ai {background-image:url('//static.picload.org/images/filetypes/ai.png');}
.filetype.bmp {background-image:url('//static.picload.org/images/filetypes/bmp.png');}
.filetype.gif {background-image:url('//static.picload.org/images/filetypes/gif.png');}
.filetype.jpeg {background-image:url('//static.picload.org/images/filetypes/jpeg.png');}
.filetype.jpg {background-image:url('//static.picload.org/images/filetypes/jpg.png');}
.filetype.pdf {background-image:url('//static.picload.org/images/filetypes/pdf.png');}
.filetype.png {background-image:url('//static.picload.org/images/filetypes/png.png');}
.filetype.rar {background-image:url('//static.picload.org/images/filetypes/rar.png');}
.filetype.tar {background-image:url('//static.picload.org/images/filetypes/tar.png');}
.filetype.txt {background-image:url('//static.picload.org/images/filetypes/txt.png');}
.filetype.zip {background-image:url('//static.picload.org/images/filetypes/zip.png');}

/* buttons and input elements */
button, input, optgroup, select, textarea {margin:0;font:inherit;}
button, select {text-transform:none;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:button;}
input[type="text"],
input[type="password"],
select,
textarea {margin:0;padding:0;background:#fff;border:1px solid #ccc;outline:0;font:14px Arial,Helvetica,sans-serif;color:#686868;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;border-radius:3px;transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;}
textarea.resizeable {min-height:75px;max-height:750px;resize:vertical;}
input[type="text"],
input[type="password"] {height:24px;padding:0 4px;line-height:22px;}
select {height:24px;line-height:24px;padding:0 2px;}
select[size],
select[multiple] {height:auto;}
textarea {padding:4px;overflow:auto;resize:none;}
input[readonly], select[readonly], textarea[readonly] {cursor:default;}
input[disabled], select[disabled], textarea[disabled] {background-color:#eee;color:#999;cursor:not-allowed;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border:1px solid #0b9fcb;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(11,159,203,0.5);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(11,159,203,0.5);}
input.success[type="text"],
input.success[type="password"],
select.success,
textarea.success {border-color:#00cc00;background-color:#e2ffd6 !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(0,204,0,0.5);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(0,204,0,0.5);}
input.error[type="text"],
input[type="text"]:invalid,
input.error[type="password"],
input[type="password"]:invalid,
select.error,
select:invalid,
textarea.error,
textarea:invalid {border-color:#cc0000;background-color:#ffe2d6 !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(204,0,0,0.5);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 5px rgba(204,0,0,0.5);}
input:placeholder, textarea:placeholder {color:#444;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#444;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#444;}
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {color:#444;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#444;}
input:focus:placeholder, textarea:focus:placeholder {color:#999;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#999;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:#999;}
input:focus:-webkit-input-placeholder, textarea:focus:-webkit-input-placeholder {color:#999;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:#999;}
.fakeText,
.fakeTextarea {position:relative;}
.fakeText > span {position:absolute;color:#686868;line-height:24px;}
.fakeText.left > span {left:4px;}
.fakeText.right > span {right:4px;}
.fakeTextarea > textarea {padding-top:32px;}
.fakeTextarea > div {position:absolute;top:4px;}
.fakeTextarea > div.left {left:4px;}
.fakeTextarea > div.right {right:4px;}
.btn {display:inline-block;height:30px;padding:0 12px;font-size:14px;line-height:1;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.05);transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;}
a.btn {line-height:28px;text-decoration:none !important;}
.btn:focus,
.btn:active:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus {color:#333;text-decoration:none;}
.btn:active {background-image:none;outline:0;}
.btn[disabled] {pointer-events:none;cursor:not-allowed;box-shadow:none;-webkit-box-shadow:none;opacity:0.65;filter:alpha(opacity=65);}
.btn.big {height:40px;padding:0 24px;font-size:16px;}
a.btn.big {line-height:38px;}
.btn.default {color:#333;background-color:#f6f6f6;border-color:#ccc;}
.btn.default:hover,
.btn.default:focus,
.btn.default:active {color:#333;background-color:#e6e6e6;border-color:#adadad;}
.btn.default[disabled] {background-color:#fff;border-color:#ccc;}
.btn.submit {color:#fff;background-color:#0b9fcb;border-color:#098bb3;}
.btn.submit:hover,
.btn.submit:focus,
.btn.submit:active {color:#fff;background-color:#0bb3e5;border-color:#0a9fcc;}
.btn.submit[disabled] {background-color:#3dabcc;border-color:#3695b3;}
.btn.green {color:#fff;background-color:#5cb85c;border-color:#4cae4c;}
.btn.green:hover,
.btn.green:focus,
.btn.green:active {color:#fff;background-color:#449d44;border-color:#398439;}
.btn.green[disabled] {background-color:#5cb85c;border-color:#4cae4c;}
.btn.red {color:#fff;background-color:#d9534f;border-color:#d43f3a;}
.btn.red:hover,
.btn.red:focus,
.btn.red:active {color:#fff;background-color:#c9302c;border-color:#ac2925;}
.btn.red[disabled] {background-color:#d9534f;border-color:#d43f3a;}
.btn.orange {color:#fff;background-color:#f0ad4e;border-color:#eea236;}
.btn.orange:hover,
.btn.orange:focus,
.btn.orange:active {color:#fff;background-color:#ec971f;border-color:#d58512;}
.btn.orange[disabled] {background-color:#f0ad4e;border-color:#eea236;}
.btn.blue {color:#fff;background-color:#5bc0de;border-color:#46b8da;}
.btn.blue:hover,
.btn.blue:focus,
.btn.blue:active {color:#fff;background-color:#31b0d5;border-color:#269abc;}
.btn.blue[disabled] {background-color:#5bc0de;border-color:#46b8da;}
.btn.facebook,
.btn.facebook:hover {background-color:#3b5998;border-color:#3b5998;color:#fff !important;}
.btn.twitter,
.btn.twitter:hover {background-color:#00aced;border-color:#00aced;color:#fff !important;}
.btn .btn-icon {font-size:12px;}

/* progress bar */
.progress {height:20px;background-color:#f7f7f7;background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow:hidden;}
.progress > label {display:block;width:0%;height:20px;background-color:#0b9fcb;color:#fff;font-size:12px;line-height:20px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;-moz-transition:width 0.6s ease;-webkit-transition:width 0.6s ease;-o-transition:width 0.6s ease;-ms-transition:width 0.6s ease;}
.progress.gradient > label {background-image:linear-gradient(top, #0b9fcb, #0086ad);background-image:-moz-linear-gradient(top, #0b9fcb, #0086ad);background-image:-webkit-linear-gradient(top, #0b9fcb, #0086ad);background-image:-o-linear-gradient(top, #0b9fcb, #0086ad);background-image:-ms-linear-gradient(top, #0b9fcb, #0086ad);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b9fcb', endColorstr='#0086ad', GradientType=0);}
.progress.striped > label {background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:40px 40px;}
.progress.active > label {animation:progress 2s linear infinite;-moz-animation:progress 2s linear infinite;-webkit-animation:progress 2s linear infinite;}
.progress.green > label {background-color:#5cb85c;}
.progress.green.gradient > label {background-image:linear-gradient(top, #62c462, #57a957);background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
.progress.red > label {background-color:#d9534f;}
.progress.red.gradient > label {background-image:linear-gradient(top, #ee5f5b, #c43c35);background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
.progress.orange > label {background-color:#f0ad4e;}
.progress.orange.gradient > label {background-image:linear-gradient(top, #fbb450, #f89406);background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);}
.progress.blue > label {background-color:#4bb1cf;}
.progress.blue.gradient > label {background-image:linear-gradient(top, #5bc0de, #339bb9);background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}

/* icons */
[class^="icon-"]:before,
[class*=" icon-"]:before {font-family:"icon";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-menu:before {content:"\e600";}
.icon-share:before {content:"\e601";}
.icon-upload:before {content:"\e602";}
.icon-download:before {content:"\e603";}
.icon-enter:before {content:"\e604";}
.icon-exit:before {content:"\e605";}
.icon-images:before {content:"\e606";}
.icon-folder:before {content:"\e607";}
.icon-folders:before {content:"\e608";}
.icon-search:before {content:"\e609";}
.icon-register:before {content:"\e60a";}
.icon-usercp:before {content:"\e60b";}
.icon-settings:before {content:"\e60c";}
.icon-email:before {content:"\e60d";}
.icon-password:before {content:"\e60e";}
.icon-stats:before {content:"\e60f";}
.icon-api:before {content:"\e610";}
.icon-apps:before {content:"\e611";}
.icon-logout:before {content:"\e612";}
.icon-space:before {content:"\e613";}
.icon-views:before {content:"\e614";}
.icon-traffic:before {content:"\e615";}
.icon-feedback:before {content:"\e616";}
.icon-options:before {content:"\e617";}
.icon-cross:before {content:"\e618";}
.icon-home:before {content:"\e619";}
.icon-earth:before {content:"\e61a";}
.icon-paste:before {content:"\e61b";}
.icon-profile:before {content:"\e61c";}
.icon-arrow-left:before {content:"\e61d";}
.icon-arrow-right:before {content:"\e61e";}
.icon-facebook:before {content:"\e641";}
.icon-twitter:before {content:"\e642";}
.icon-s-download:before {content:"\e701";}
.icon-s-upload:before {content:"\e702";}
.icon-s-edit:before {content:"\e703";}
.icon-s-move:before {content:"\e704";}
.icon-s-delete:before {content:"\e705";}
.icon-s-image:before {content:"\e706";}
.icon-s-images:before {content:"\e707";}
.icon-s-folders:before {content:"\e708";}
.icon-s-home:before {content:"\e709";}
.icon-s-sort-desc:before {content:"\e70a";}
.icon-s-sort-asc:before {content:"\e70b";}
.icon-s-manager-icon:before {content:"\e70c";}
.icon-s-manager-list:before {content:"\e70d";}
.icon-s-folder:before {content:"\e70e";}
.icon-s-export:before {content:"\e70f";}
.icon-s-down:before {content:"\e710";}
.icon-s-up:before {content:"\e711";}
.icon-s-share:before {content:"\e712";}
.icon-share-email:before {content:"\e800";}
.icon-share-facebook:before {content:"\e801";}
.icon-share-twitter:before {content:"\e802";}
.icon-share-tumblr:before {content:"\e803";}
.icon-share-pinterest:before {content:"\e804";}

/* distances and sizes */
.marginAuto {margin:auto !important;}
.marginCenter {margin:0 auto !important;}
.margin0 {margin:0 !important;}
.margin0T {margin-top:0 !important;}
.margin0B {margin-bottom:0 !important;}
.margin0L {margin-left:0 !important;}
.margin0R {margin-right:0 !important;}
.margin10 {margin:10px !important;}
.margin10T {margin-top:10px !important;}
.margin10B {margin-bottom:10px !important;}
.margin10L {margin-left:10px !important;}
.margin10R {margin-right:10px !important;}
.margin15 {margin:15px !important;}
.margin15T {margin-top:15px !important;}
.margin15B {margin-bottom:15px !important;}
.margin15L {margin-left:15px !important;}
.margin15R {margin-right:15px !important;}
.margin25 {margin:25px !important;}
.margin25T {margin-top:25px !important;}
.margin25B {margin-bottom:25px !important;}
.margin25L {margin-left:25px !important;}
.margin25R {margin-right:25px !important;}
.margin50 {margin:50px !important;}
.margin50T {margin-top:50px !important;}
.margin50B {margin-bottom:50px !important;}
.margin50L {margin-left:50px !important;}
.margin50R {margin-right:50px !important;}
.padding10 {padding:10px !important;}
.padding10L {padding-left:10px !important;}
.padding10R {padding-right:10px !important;}
.padding15 {padding:15px !important;}
.padding15L {padding-left:15px !important;}
.padding15R {padding-right:15px !important;}
.padding20 {padding:20px !important;}
.padding20L {padding-left:20px !important;}
.padding20R {padding-right:20px !important;}
.padding25 {padding:25px !important;}
.padding25L {padding-left:25px !important;}
.padding25R {padding-right:25px !important;}
.padding50 {padding:50px !important;}
.padding50L {padding-left:50px !important;}
.padding50R {padding-right:50px !important;}
.spaceL {padding-left:10px !important;}
.spaceR {padding-right:10px !important;}
.width {width:100%;}
.width100 {width:100px !important;}
.width200 {width:200px !important;}
.width300 {width:300px !important;}
.width400 {width:400px !important;}
.width500 {width:500px !important;}
.width600 {width:600px !important;}
.maxHeight100 {max-height:100px;}
.maxHeight150 {max-height:150px;}
.maxHeight200 {max-height:200px;}
.maxHeight250 {max-height:250px;}

/* tools */
.show {display:block !important;}
.hide {display:none !important;}
.block {display:block;}
.noprint {display:none;}
.notext {text-indent:-99999px;}
.invisible {visibility:hidden;}
.hidden {display:none !important;visibility:hidden !important;}
.scroll {overflow:auto;}
.noscroll {overflow:hidden;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}
.strike {text-decoration:line-through;}
.blink {text-decoration:blink;}
.ellipsis {text-overflow:ellipsis;}
.lowercase {text-transform:lowercase;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform:capitalize;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.nowrap {white-space:nowrap;}
.smallfont, small {font-size:80%;}
.normalfont {font-size:100%;}
.bigfont, big {font-size:120%;}
.red {color:#ff0000;}
.grey {color:#888;}
.green {color:#95c46d;}
.blue {color:#0b9fcb;}
.greybg {background-color:#f0f0f0;}
.greenbg {background-color:#95c46d;}
.bluebg {background-color:#0b9fcb;}
.mark, mark {color:#000;background:#ff0;}
.shadow {box-shadow:0 1px 5px rgba(127,127,127,0.5);-webkit-box-shadow:0 1px 5px rgba(127,127,127,0.5);}
.radius {border-radius:8px;}
.line {border:none;border-top:1px solid #ddd;}
.noselect {user-select:none;-o-user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;}
.transition {transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;}
.link {cursor:pointer;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearfix:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.required:after {content:" \2022";color:#ff0000;}
.arrow {position:relative;display:block;width:30px;height:30px;margin-top:35%;margin-left:20%;background:#0b9fcb;}
.arrow:after {content:"";position:absolute;top:50%;left:100%;width:0;height:0;margin-top:-30px;border:30px solid transparent;border-left-color:#0b9fcb;pointer-events:none;}
.border {width:auto;height:1px;background:#fff;border:none;border-top:1px solid #cfcfcf;}
.border.dotted {border-style:dotted none none;}
.box {border:1px solid #ccc;border-radius:3px;box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #eee, 0 1px 0 #fff;}
.box.text {padding:5px;}
.terms {height:150px;font-size:80%;overflow:auto;}
.blur {filter:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxmaWx0ZXIgaWQ9ImJsdXIiPg0KICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwIi8+DQogIDwvZmlsdGVyPg0KPC9zdmc+#blur');}
.qrcode.qr100 {width:100px;height:100px;}
.qrcode.qr120 {width:120px;height:120px;}
.qrcode.qr150 {width:150px;height:150px;}
.picload {font-family:"Trebuchet MS","Lucida Sans",Arial,sans-serif;font-weight:bold;color:#1c1b1a;}
.picload > span {color:#a6a6a6;}
.disabler {display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:#eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEXo6Ojs7OyvkP6eAAAARUlEQVR42k3JMRHAIBREwcdQUBIHWMBBLMVBvjSkIOFKCoZLm20XbsE7wYPkIBvKgbqhLf6N48J0Dg8bsZJQFrOIUUU0fT+yHU15VJ7OAAAAAElFTkSuQmCC') repeat;opacity:0.5;filter:alpha(opacity=50);z-index:4000;}
.hidejs {display:none;}
div.coder {display:block;padding:3px;border:solid 1px #ccc;border-radius:3px;overflow:auto;white-space:nowrap;font-size:11px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;}
pre.coder {display:block;margin:0;padding:10px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#7b8a8b;line-height:1.2;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;word-break:break-all;word-wrap:break-word;}
a.external {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAADFBMVEX///8Amc4Amc4Amc7CukvxAAAAA3RSTlMAD/DAUyoNAAAAJElEQVQImWNgsD/AwMB8gOE/zwGGAwkHGA42MDAc4EHg/38YAMXpCw5t0BSfAAAAAElFTkSuQmCC') no-repeat right center;padding-right:11px;}
a.link.prev:before {content:"\ab ";}
a.link.next:after {content:" \bb";}
label.expander {display:block;width:14px;height:14px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOBAMAAACfqVJUAAAAKlBMVEVC/0IxSmOUpb2cpb2crcaltdapvdq1yOO9xsbG0ufU3vHn7/fr8//////WGqn7AAAAAXRSTlMAQObYZgAAAHdJREFUGJVjYKAqWOJirNQAZXO5OBtpwGV87949LQBls9y9e2cjkozMTiSZ04VIMtLLEDJ3diXCZWwFBcVgMswXBQURMrqnpabCZJju7FoZCJfR2SVZCpc5vWo6QkZ7emooXGZnWShCplFQUBDmHw4gWwKP3wkCAEK5IaTyC5pCAAAAAElFTkSuQmCC') no-repeat 2px 0;cursor:pointer;}
label.expander.open {background-position:-23px 0;}

/* document */
#doc {position:absolute;top:0;width:100%;min-width:768px;min-height:100%;margin:0;padding:0 0 55px;z-index:10;}

/* header */
header {width:100%;height:75px;box-shadow:0 0 3px #aaa;-webkit-box-shadow:0 0 3px #aaa;z-index:100;}
header * {margin:0;padding:0;}
header ul {list-style-type:none;}
header ul > li {float:left;white-space:nowrap;}
header ul > li > a {display:block;text-decoration:none;}
header > #top {position:relative;height:40px;background:#0b9fcb;box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333;}
header > #top > .container > #logo {float:left;display:block;width:159px;height:40px;background:url('//static.picload.org/images/sprite.png') no-repeat 0 0;}
header > #top > .container > .user {float:right;margin-right:1px;}
header > #top > .container > .user > li > a {height:40px;line-height:40px;margin:0 -1px;padding:0 15px;border-width:0 1px;border-style:solid;border-color:transparent;color:#fff;}
header > #top > .container > .user > li > a:before {padding-right:5px;}
header > #top > .container > .user > li > a:hover {background-color:#0bb3e5;border-color:#0099cc;}
header > #nav {height:35px;background:#eee;}
header > #nav > .container > .menu > li > a {height:35px;line-height:35px;margin:0 -1px;padding:0 30px;border-width:0 1px;border-style:solid;border-color:transparent;font-size:14px;color:#555;}
header > #nav > .container > .menu > li > a:hover,
header > #nav > .container > .menu > li > a.sel {background-color:#e9e9e9;border-color:#d9d9d9;color:#0b9fcb;}
header > #nav > .container > .languages {float:right;margin-right:15px;line-height:35px;color:#888;}
header > #nav > .container > .languages > ul {top:31px;right:0;}
header > #nav > .container > .languages > ul:before {top:-7px;right:23px;border-top:none;border-bottom-color:#cdcdcd;border-width:7px;}
header > #nav > .container > .languages > ul:after {top:-6px;right:24px;border-top:none;border-bottom-color:#fff;border-width:6px;}

/* content */
main {position:relative;width:768px;margin:25px auto 0;padding:0;color:#333;}
main a {color:#0b9fcb;text-decoration:none;}
main a:hover {text-decoration:underline;}
main a[class^="icon-"],
main a[class*=" icon-"] {text-decoration:none !important;}
main h1 {margin:15px 0;font-size:200%;color:#95c46d;}
main h2 {margin:10px 0;font-size:150%;color:#0b9fcb;}
main h3 {margin:10px 0;font-size:120%;}
main p {margin:10px 0;line-height:125%;}
main img.picture {padding:5px;background:#fff;border:1px solid #d0d0d0;border-radius:3px;}
main > * {margin:0;padding:0;}
main > ul {padding-left:15px;}
main > table {margin:15px 0;}
main a.sort:after {content:"";display:inline-block;width:12px;height:12px;margin-left:4px;background:url("//static.picload.org/images/sort.png") no-repeat 0 0;}
main a.sort.ASC:after {background-position:-12px 0;}
main a.sort.DESC:after {background-position:-24px 0;}
main div.pagination {height:34px;}
main div.pagination > * {float:left;display:block;height:34px;margin:0;padding:0;font-size:14px;line-height:32px;}
main div.pagination > ul {list-style-type:none;margin:0 5px;border-radius:4px;}
main div.pagination > ul > li {position:relative;float:left;display:block;height:34px;margin:0 0 0 -1px;color:#333;border:1px solid #ccc;border-radius:4px;text-align:center;white-space:nowrap;z-index:1;}
main div.pagination > ul > li.current {background:#0b9fcb;color:#fff;}
main div.pagination > ul > li:first-child {margin-left:0;}
main div.pagination > ul > li:not(:first-child):not(:last-child) {border-radius:0;}
main div.pagination > ul > li:first-child:not(:last-child) {border-bottom-right-radius:0;border-top-right-radius:0;}
main div.pagination > ul > li:last-child:not(:first-child) {border-bottom-left-radius:0;border-top-left-radius:0;}
main div.pagination > ul > li:not(.current):hover {background-color:#e6e6e6;border-color:#adadad;z-index:2;}
main div.pagination > ul > li > * {display:block;min-width:34px;padding:0 5px;color:inherit;text-decoration:none;}
main .ads {position:relative;overflow:hidden;}
main .ads.blocked:before {content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#fcf8e3;border:1px solid #fbeed5;border-radius:5px;text-align:center;font-weight:bold;color:#c09853;overflow:hidden;z-index:-1;}
main .ads.banner {width:468px;height:60px;}
main .ads.banner.blocked:before {padding:15px 25px;font-size:10px;line-height:14px;}
main .ads.sbanner {width:728px;height:90px;}
main .ads.sbanner.blocked:before {padding:20px 40px;font-size:16px;line-height:24px;}
main .ads.rectangle {width:180px;height:150px;}
main .ads.rectangle.blocked:before {padding:10px 20px;font-size:10px;line-height:16px;}
main .ads.mrectangle {width:300px;height:250px;}
main .ads.mrectangle.blocked:before {padding:28px 40px;font-size:16px;line-height:24px;}
main .ads.superstitial {width:400px;height:400px;}
main .ads.superstitial.blocked:before {padding:124px 25px;font-size:20px;line-height:30px;}

/* content: index */
main.index {margin:50px auto;padding:30px 30px;background:rgba(255,255,255,0.8);/*border:1px solid rgba(66,66,66,0.8);*/box-shadow:0 0 3px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.5);border-radius:6px;}
main.index #upload > ul {height:34px;margin:0;padding:0;list-style-type:none;}
main.index #upload > ul > li {float:left;margin:0 5px;}
main.index #upload > ul > li:first-child {margin-left:20px;}
main.index #upload > ul > li > a {display:block;padding:0 10px;color:#0b9fcb;line-height:30px;border:2px dashed transparent;border-radius:4px 4px 0 0;}
main.index #upload > ul > li > a:hover {background-color:rgba(255,255,255,0.5);border-color:#ddd #ddd transparent;text-decoration:none;}
main.index #upload > ul > li > a.active,
main.index #upload > ul > li > a.active:hover {background-color:rgba(255,255,255,0.5);color:#555;cursor:default;border-color:#9a9a9a #9a9a9a transparent;}
main.index #upload > section {width:706px;margin:0 auto 0;background:rgba(255,255,255,0.5);border:2px dashed #9a9a9a;border-radius:5px;}
main.index #upload > section > #uploadLocal {position:relative;width:100%;height:140px;overflow:hidden;}
main.index #upload > section > #uploadLocal:not(.thumbnails):before {content:attr(data-text);position:absolute;top:0;left:0;display:block;width:100%;height:100%;line-height:140px;text-align:center;font-size:40px;color:#ccc;}
main.index #upload > section > #uploadLocal > * {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
main.index #upload > section > #uploadLocal > #uploadPaste {opacity:0;z-index:1;}
main.index #upload > section > #uploadLocal > #uploadPaste > * {display:none;}
main.index #upload > section > #uploadLocal > #uploadInput {clip:rect(0px 702px 144px 0px);cursor:pointer;opacity:0;z-index:2;}
main.index #upload > section > #uploadLocal > #uploadThumbnails {margin:0;padding:0;list-style-type:none;z-index:3;}
main.index #upload > section > #uploadLocal > #uploadThumbnails > li {float:left;background-color:#fff;}
main.index #upload > section > #uploadLocal > #uploadThumbnails > li[style*="background"] {background-size:cover;}
main.index #upload > section > #uploadRemote {width:100%;height:140px;padding:10px;background-color:transparent;border:none;box-shadow:none;-webkit-box-shadow:none;}
main.index #upload > article {margin:10px 0;}
main.index #upload > fieldset {margin:10px 0;background:rgba(255,255,255,0.5);border-radius:5px;}

/* content: upload */
main.upload > section {margin:15px 0;}
main.upload > section.images > fieldset {margin:15px 0;border:1px solid #ccc;border-radius:3px;}
main.upload > section.images > fieldset .preview {float:left;width:340px;padding:25px 50px;}
main.upload > section.images > fieldset .links {float:right;width:330px;padding:15px;}
main.upload > section.images > fieldset .links input[type="text"] {width:100%;}
main.upload > section.codes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;}
main.upload > section.codes > ul li {float:left;border-left:1px solid #ccc;}
main.upload > section.codes > ul li:first-child {border:none;}
main.upload > section.codes > ul li label {display:block;padding:3px 20px;font-weight:bold;}
main.upload > section.codes > #codeResult {width:100%;height:100px;min-height:100px;max-height:330px;}

/* content: help */
main.help > h2 {margin:15px 0;padding:0;}
main.help > article {margin:15px 0;}
main.help > article > * {margin:10px 0;padding:0;}

/* content: news */
main.news > article {margin:15px 0;}
main.news > article > * {margin:0;}

/* content: contact */
main.contact > aside {float:left;width:370px;}
main.contact > aside .indent {margin:0 15px 10px;}
main.contact > form {float:right;width:300px;}
main.contact > form table {margin:10px 0;}
main.contact > form td {line-height:30px;}
main.contact > form input[type="text"],
main.contact > form select {width:180px;}
main.contact > form textarea {width:100%;}

/* content: abuse */
main.abuse #abuseImages {display:none;padding:4px;}
main.abuse #abuseImages > label {width:122px;height:122px;margin:8px;}

/* content: image view */
main.view {margin:0 auto;padding:0;}
main.view > #stage {position:relative;width:auto;min-height:420px;padding:10px 0;background:#4c4c4c url('//static.picload.org/images/texture.png') repeat;}
main.view > #stage > .stageDetails {position:absolute;top:0;left:0;right:0;padding:0 30px;height:30px;line-height:30px;background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));background:-moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));background:-webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));background:-ms-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));color:#fff;opacity:0;filter:alpha(opacity=0);z-index:23;}
main.view > #stage > .stageDetails > button {height:22px;}
main.view > #stage > .stageDetails > #stageFullscreen {display:none;position:absolute;top:8px;right:14px;width:13px;height:13px;cursor:pointer;background:url('//static.picload.org/images/sprite.png') no-repeat -159px 0;opacity:0.7;filter:alpha(opacity=70);}
main.view > #stage > .stageDetails > #stageFullscreen:hover {opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageBackground {display:none;position:fixed;left:-5%;top:-5%;width:110%;height:110%;background-position:center center;background-size:cover;opacity:0.2;filter:alpha(opacity=20);z-index:21;}
main.view > #stage:hover > .stageDetails {opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageSpotlight {position:relative;z-index:22;}
main.view > #stage > #stageSpotlight > .stageAds {width:728px;height:110px;margin:0 auto;padding:10px 0;}
main.view > #stage > #stageSpotlight > #stageImage {position:relative;display:block;width:100%;font-size:0;text-align:center;line-height:200px;}
main.view > #stage > #stageSpotlight > #stageImage > img {display:inline-block;height:auto;width:auto;max-width:100%;max-height:100%;vertical-align:middle;image-rendering:optimizequality;-ms-interpolation-mode:bicubic;}
main.view > #stage > #stageSpotlight > #stageImage > div.loading {display:none;}
main.view > #stage > #stageSpotlight > #stageImage.loadImage > img {display:none;}
main.view > #stage > #stageSpotlight > #stageImage.loadImage > div.loading {display:inline-block;width:140px;height:140px;margin:auto;border:20px solid white;border-color:#91c267 #0b9fcb;border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,0.5), inset 0 0 10px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5), inset 0 0 10px 0 rgba(0,0,0,0.5);animation:waiting 2s linear infinite;-moz-animation:waiting 2s linear infinite;-o-animation:waiting 2s linear infinite;-webkit-animation:waiting 2s linear infinite;}
main.view > #stage > #stageSpotlight > #stageImage[data-zoom] > img {cursor:zoom-in;}
main.view > #stage > #stageSpotlight > #stageImage.zoomed[data-zoom] {overflow:auto;}
main.view > #stage > #stageSpotlight > #stageImage.zoomed[data-zoom] > img {max-width:none;max-height:none;cursor:zoom-out;}
main.view > #stage > #stageSpotlight > .stagePager {position:absolute;top:0;bottom:0;width:100px;display:block;}
main.view > #stage > #stageSpotlight > .stagePager[href=""],
main.view > #stage > #stageSpotlight > .stagePager:not([href]) {display:none;} 
main.view > #stage > #stageSpotlight > .stagePager > i {position:absolute;top:50%;display:block;width:27px;height:47px;margin-top:-24px;background:url('//static.picload.org/images/sprite.png') no-repeat;opacity:0.4;filter:alpha(opacity=40);}
main.view > #stage > #stageSpotlight > .stagePager:hover > i {opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageSpotlight > .stagePager.prev {left:0;}
main.view > #stage > #stageSpotlight > .stagePager.next {right:0;}
main.view > #stage > #stageSpotlight > .stagePager.prev i {left:20px;background-position:0 -95px;}
main.view > #stage > #stageSpotlight > .stagePager.next i {right:20px;background-position:-27px -95px;}
main.view > #stage > #stageFolder {position:relative;width:730px;height:100px;margin:0 auto;padding:10px 0;z-index:22;}
main.view > #stage > #stageFolder > .stageFolderNav {position:absolute;top:10px;width:50px;height:80px;display:none;background:url('//static.picload.org/images/sprite.png') no-repeat;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
main.view > #stage > #stageFolder > .stageFolderNav.prev {left:0;background-position:-54px -95px;}
main.view > #stage > #stageFolder > .stageFolderNav.next {right:0;background-position:-104px -95px;}
main.view > #stage > #stageFolder > .stageFolderNav:hover {opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageFolder > #stageFolderSlider {display:block;position:relative;width:630px;height:80px;margin:0 50px;overflow:hidden;}
main.view > #stage > #stageFolder > #stageFolderSlider > div {position:absolute;left:0;}
main.view > #stage > #stageFolder > #stageFolderSlider > div > a {position:absolute;display:block;width:80px;height:80px;margin:0 5px;background:#fff url("//static.picload.org/images/nopreview.png") no-repeat scroll 50% 50% / cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);opacity:0.7;filter:alpha(opacity=70);}
main.view > #stage > #stageFolder > #stageFolderSlider > div > a.currentImage {box-shadow:inset 0 0 0 1px #fff;-webkit-box-shadow:inset 0 0 0 1px #fff;opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageFolder > #stageFolderSlider > div > a:hover {opacity:1;filter:alpha(opacity=100);}
main.view > #stage > #stageAds {position:absolute;top:50%;left:50%;display:none;width:530px;margin-top:-50px;margin-left:-255px;background:rgba(0,0,0,0.5);z-index:23;}
main.view > #stage > #stageAds * {margin:0;padding:0;}
main.view > #stage > #stageAds > #stageAdsClose {position:absolute;top:0;right:0;width:30px;height:30px;font-size:18px;line-height:32px;background:#95c46d;color:#fff;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
main.view > #stage > #stageAds > div {width:468px;height:60px;margin:30px auto;overflow:hidden;}
main.view > #stage > #stageAds:hover > #stageAdsClose {opacity:1;filter:alpha(opacity=100);}
main.view > #stage.fullscreen > #stageBackground {display:block;}
main.view > #stage.fullscreen > .stageDetails > #stageFullscreen {background-position:-159px -13px;}
main.view > #content {margin:0;padding:10px 20px 15px;background:#f4f4f4;border-top:5px solid #0b9fcb;}
main.view > #content > * {width:730px;margin:0 auto;}
main.view > #content > #information > * {margin:0;}
main.view > #content > #information > aside {width:150px;}
main.view > #content > #information > aside .key {display:inline-block;width:22px;line-height:20px;background:#fcfcfc;color:#898989;border:1px solid #898989;border-radius:3px;box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.3);-webkit-box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.3);}
main.view > #content > #information > aside .key > i {font-size:10px;}
main.view > #content > #information > section {margin-right:170px;}
main.view > #content > .disclaimer {font-size:12px;color:#888;}

/* content: folder view */
main.folder {margin:0 auto;padding:0;}
main.folder > .folderBox {margin:25px 10px;background:#fff;border:1px solid #ccc;border-radius:4px;}
main.folder > .folderSection > h2,
main.folder > .folderSection > h3 {margin:25px 25px 10px;}
main.folder > .folderSection > p,
main.folder > .folderSection > article,
main.folder > .folderSection > fieldset,
main.folder > .folderSection > div.folderSectionContent {margin:10px 25px 25px;}
main.folder > .folderSection > section {margin:10px 20px 20px;}
main.folder > .folderSection > section > * {float:left;display:block;position:relative;margin:5px;border:1px solid #ccc;}
main.folder > .folderSection > section > *:hover {border-color:#666;}
main.folder > #folderHeader {position:relative;height:200px;padding:15px 0;box-shadow:0 3px 3px -3px #aaa;-webkit-box-shadow:0 3px 3px -3px #aaa;}
main.folder > #folderHeader > .folderHeaderCover {position:absolute;top:0;bottom:0;width:100%;height:100%;background:none no-repeat scroll 50% 50% / 100% auto #95c46d;overflow:hidden;opacity:0.7;filter:alpha(opacity=70);}
main.folder > #folderHeader > .folderHeaderCover:before {content:"";position:absolute;top:30px;left:0;right:0;bottom:40px;background:linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.15), rgba(0,0,0,0));background:-moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.15), rgba(0,0,0,0));background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.15), rgba(0,0,0,0));background:-o-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.15), rgba(0,0,0,0));background:-ms-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.15), rgba(0,0,0,0));z-index:21;}
main.folder > #folderHeader > .folderHeaderMeta {position:absolute;bottom:45px;left:30px;z-index:22;}
main.folder > #folderHeader > .folderHeaderMeta > * {margin:0;padding:0;color:#fff;font-weight:normal;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
main.folder > #folderHeader > .folderHeaderMeta > h1 {font-size:30px;line-height:30px;}
main.folder > #folderHeader > .folderHeaderMeta > h2 {font-size:16px;}
main.folder > #folderHeader > .folderHeaderStats {position:absolute;bottom:45px;right:30px;z-index:22;}
main.folder > #folderHeader > .folderHeaderStats > div {display:inline-block;margin:0 0 0 25px;}
main.folder > #folderHeader > .folderHeaderStats > div > * {display:block;margin:0;padding:0;color:#fff;font-weight:normal;white-space:nowrap;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
main.folder > #folderHeader > .folderHeaderStats > div > h3 {font-size:24px;line-height:24px;}
main.folder > #folderHeader > .folderHeaderStats > div > label {font-size:12px;line-height:12px;}
main.folder > #folderHeader > .folderHeaderNav {position:absolute;bottom:0;width:100%;height:40px;margin:0;padding:0 10px;background:rgba(0,0,0,0.6);border:0 solid #333;border-width:1px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);list-style-type:none;z-index:23;}
main.folder > #folderHeader > .folderHeaderNav > li {float:left;width:auto;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid #333;font-size:inherit;white-space:nowrap;color:#fff;}
main.folder > #folderHeader > .folderHeaderNav > li:hover {background:rgba(0,0,0,0.65);color:#fff;}
main.folder > #folderHeader > .folderHeaderNav > li:first-child {border-left:none;}
main.folder > #folderHeader > .folderHeaderNav > li > a {display:block;height:38px;padding:0 20px;line-height:38px;font-size:inherit;text-shadow: 1px 1px 2px #333;text-decoration:none;color:inherit;}
main.folder > #folderHeader > .folderHeaderNav > li > a:before {padding-right:5px;}
main.folder > #folderChilds > section > a {width:160px;height:160px;background:url("//static.picload.org/images/nocover.png") no-repeat scroll 50% 50% / cover #0b9fcb;}
main.folder > #folderChilds > section > a > div {position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);background:-moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);background:-o-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);background:-ms-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0) 100%);}
main.folder > #folderChilds > section > a > div > * {margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
main.folder > #folderChilds > section > a > div > h4 {max-height:131px;padding:25px 10px 2px;font-size:16px;font-weight:normal;line-height:22px;}
main.folder > #folderChilds > section > a > div > p {padding:2px 10px 8px;font-size:12px;line-height:14px;}
main.folder > #folderDownload {position:relative;}
main.folder > #folderDownload.disabled > .disabler {display:block;}
main.folder > #folderDescription {padding:25px;}
main.folder > #folderDescription img {max-width:400px;max-height:320px;}
main.folder > #folderImages {width:auto;min-width:540px;margin:20px auto;}
main.folder > #folderImages > div {float:left;padding:5px;}
main.folder > #folderImages > div > a {display:block;position:relative;background:#fff url('//static.picload.org/images/nopreview.png') no-repeat center center;border:1px solid #ccc;border-radius:4px;padding:5px;}
main.folder > #folderImages > div > a > div {position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;background:rgba(0,0,0,0.6);border-radius:0 0 3px 3px;opacity:0;filter:alpha(opacity=0);}
main.folder > #folderImages > div > a > div > * {margin:0;padding:0;color:#fff;text-shadow:1px 1px 0 #000;}
main.folder > #folderImages > div > a > div > h4 {font-size:14px;font-weight:normal;line-height:16px;}
main.folder > #folderImages > div > a > div > p {font-size:12px;line-height:14px;}
main.folder > #folderImages > div:hover > a > div {opacity:1;filter:alpha(opacity=100);}
main.folder > #folderImages > div:nth-child(even) > a:hover {background-color:#c8dee5;border-color:#0b9fcb;}
main.folder > #folderImages > div:nth-child(odd) > a:hover {background-color:#dde4d7;border-color:#95c46d;}
main.folder > #folderImages > div:nth-child(n+50) > a.lazy {background-image:none !important;}
main.folder > #folderImages > div:nth-child(n+50) > a.lazy:before {content:"";display:block;width:31px;height:31px;margin:114px auto 0;background:url("//static.picload.org/images/loader.gif") no-repeat;}
main.folder > #folderImages.preview > div > a {width:260px;height:260px;}
main.folder > #folderImages.thumbnail > div > a {width:140px;height:140px;}
main.folder > #folderNoImages {padding:25px;font-size:16px;text-align:center;}
main.folder > .folderAds {margin:25px auto;}

/* content: usercp */
main.usercp > section {padding:50px !important;}
main.usercp > section {display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;}
main.usercp > section > label {position:relative;display:block;float:left;width:200px;height:200px;margin:10px;background:#0b9fcb;color:#fff;text-align:center;border-radius:8px;}
main.usercp > section > label:before {font-size:100px;line-height:200px;}
main.usercp > section > label > a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;font:bold 18px/200px Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;opacity:0;filter:alpha(opacity=0);border-radius:8px;}
main.usercp > section > label > a:hover {background:rgba(11,159,203,0.8);opacity:1;filter:alpha(opacity=100);}
main.usercpManager {margin:50px 0;}
main.usercpManager > section {position:relative;min-height:300px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 0 rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.7);}
main.usercpManager > section > #folders {display:none;position:absolute;top:0;left:0;bottom:0;width:250px;padding:20px;background:#f5f5f5;border-right:1px solid #ccc;border-radius:8px 0 0 8px;font-size:12px;}
main.usercpManager > section > #panel {position:relative;display:block;height:100%;}
main.usercpManager > section > #panel > ul {margin:0;padding:0;list-style-type:none;}
main.usercpManager > section > #panel > #actions {height:40px;background:#ddd;border-bottom:1px solid #ccc;border-radius:8px 8px 0 0;box-shadow:inset 0 1px 0 #fff, inset 0 35px 20px -20px #eee;-webkit-box-shadow:inset 0 1px 0 #fff, inset 0 35px 20px -20px #eee;}
main.usercpManager > section > #panel > #actions > li {float:left;display:block;height:40px;border-right:1px solid #ccc;}
main.usercpManager > section > #panel > #actions > li.alternative {display:none;}
main.usercpManager > section > #panel > #actions > li.alternative select {height:30px;line-height:30px;}
main.usercpManager > section > #panel > #actions > li > * {display:block;height:40px;padding:0 15px;line-height:40px;text-decoration:none;color:inherit;white-space:nowrap;}
main.usercpManager > section > #panel > #actions > li:first-child > * {border-radius:8px 0 0 0;}
main.usercpManager > section > #panel > #actions > li.hover > * {cursor:pointer;}
main.usercpManager > section > #panel > #actions > li.hover > *:hover {background:#0b9fcb;color:#fff;}
main.usercpManager > section > #panel > #browser {position:absolute;top:40px;bottom:0;width:100%;min-height:258px;border-radius:0 0 8px 8px;overflow:auto;border-collapse:collapse;border-spacing:0;}
main.usercpManager > section > #panel > #browser > li a {text-decoration:none;}
main.usercpManager > section > #panel > #browser > li .actions a {display:inline-block;width:18px;height:18px;background:#fff;border:1px solid #ebebeb;border-radius:2px;font-size:14px;line-height:18px;color:#666;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;}
main.usercpManager > section > #panel > #browser > .nav {height:34px;line-height:34px;background-color:#95c46d;}
main.usercpManager > section > #panel > #browser > .nav a {color:#fff;font-weight:bold;}
main.usercpManager > section > #panel > #browser > .nav a:hover {color:#f0f0f0;}
main.usercpManager > section > #panel > #browser > .nav a:nth-child(n+2):before {content:"/ ";padding:0 5px;color:#fff;text-decoration:none !important;}
main.usercpManager > section > #panel > #browser > .image {background-repeat:no-repeat;}
main.usercpManager > section > #panel > #browser > .pages {height:32px;background-color:#0b9fcb;}
main.usercpManager > section > #panel > #browser > .pages a {display:block;height:32px;margin:0 10px;line-height:32px;color:#fff;font-weight:bold;}
main.usercpManager > section > #panel > #browser > .pages a.prev {float:left;}
main.usercpManager > section > #panel > #browser > .pages a.next {float:right;}
main.usercpManager > section > #panel > #browser > .empty {padding:20px !important;text-align:center;clear:both;}
main.usercpManager > section > #panel > #browser.imagesList > li {padding:6px;border-bottom:1px solid #ebebeb;}
main.usercpManager > section > #panel > #browser.imagesList > li:last-child {border-bottom:none;}
main.usercpManager > section > #panel > #browser.imagesList > li .select,
main.usercpManager > section > #panel > #browser.imagesList > li .preview,
main.usercpManager > section > #panel > #browser.imagesList > li .imagename,
main.usercpManager > section > #panel > #browser.imagesList > li .imagesize,
main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime,
main.usercpManager > section > #panel > #browser.imagesList > li .lastview,
main.usercpManager > section > #panel > #browser.imagesList > li .views,
main.usercpManager > section > #panel > #browser.imagesList > li .traffic,
main.usercpManager > section > #panel > #browser.imagesList > li .actions {display:block;padding:3px;text-align:right;}
main.usercpManager > section > #panel > #browser.imagesList > li .select {float:left;width:50px;text-align:left;}
main.usercpManager > section > #panel > #browser.imagesList > li .imagename {width:190px;text-align:left;}
main.usercpManager > section > #panel > #browser.imagesList > li .imagesize {float:right;width:90px;}
main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime,
main.usercpManager > section > #panel > #browser.imagesList > li .lastview {float:right;width:140px;text-align:center;}
main.usercpManager > section > #panel > #browser.imagesList > li .views {float:right;width:100px;text-align:center;}
main.usercpManager > section > #panel > #browser.imagesList > li .traffic {float:right;width:90px;}
main.usercpManager > section > #panel > #browser.imagesList > li .actions {float:right;width:120px;}
main.usercpManager > section > #panel > #browser.imagesList > li .actions a:hover {background-color:#eee;color:#333;}
main.usercpManager > section > #panel > #browser.imagesList > .header {background-color:#eee;}
main.usercpManager > section > #panel > #browser.imagesList > .header a {font-weight:bold;color:inherit;}
main.usercpManager > section > #panel > #browser.imagesList > .nav {padding:0 9px;}
main.usercpManager > section > #panel > #browser.imagesList > .folder {background:#fff url("//static.picload.org/images/icons/usercpManagerFolder.png") no-repeat 32px center;}
main.usercpManager > section > #panel > #browser.imagesList > .folder.parent {background-image:url("//static.picload.org/images/icons/usercpManagerParent.png");}
main.usercpManager > section > #panel > #browser.imagesList > .image {background-position:28px center;background-size:24px;}
main.usercpManager > section > #panel > #browser.imagesList > .row:nth-child(odd) {background-color:#f8f8f8;}
main.usercpManager > section > #panel > #browser.imagesList > .row:hover {background-color:#e1f4fa;}
main.usercpManager > section > #panel > #browser.imagesList > .pages {padding:0;}
main.usercpManager > section > #panel > #browser.imagesIcon > .nav {clear:both;}
main.usercpManager > section > #panel > #browser.imagesIcon > .row {float:left;position:relative;display:block;width:160px;height:160px;margin:10px;padding:0;background-color:#fcfcfc;background-position:50% 50%;border:1px solid #dbdbdb;text-align:center;}
main.usercpManager > section > #panel > #browser.imagesIcon > .row[style*="background"] {background-size:cover;}
main.usercpManager > section > #panel > #browser.imagesIcon > .row .select {position:absolute;top:15px;left:15px;width:auto;}
main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions {position:absolute;top:10px;right:10px;width:auto;padding:0;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;-webkit-transform-origin:50% 0%;-o-transform-origin:50% 0%;transition:all 300ms ease-in-out 0s;-moz-transition:all 300ms ease-in-out 0s;-ms-transition:all 300ms ease-in-out 0s;-webkit-transition:all 300ms ease-in-out 0s;-o-transition:all 300ms ease-in-out 0s;opacity:0;filter:alpha(opacity=0);z-index:5;}
main.usercpManager > section > #panel > #browser.imagesIcon > .row:hover .actions {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);opacity:1;filter:alpha(opacity=100);}
main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions a {width:20px;height:20px;margin-left:2px;background:rgba(0,0,0,0.4);color:#fff;line-height:22px;border-radius:2px;border:none;box-shadow:0 2px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);}
main.usercpManager > section > #panel > #browser.imagesIcon > .row .actions a:hover {background:rgba(0,0,0,0.6);}
main.usercpManager > section > #panel > #browser.imagesIcon > .row .imagesize,
main.usercpManager > section > #panel > #browser.imagesIcon > .row .uploadtime,
main.usercpManager > section > #panel > #browser.imagesIcon > .row .lastview,
main.usercpManager > section > #panel > #browser.imagesIcon > .row .views,
main.usercpManager > section > #panel > #browser.imagesIcon > .row .traffic {display:none;}
main.usercpManager > section > #panel > #browser.imagesIcon > .header {display:none;}
main.usercpManager > section > #panel > #browser.imagesIcon > .nav {padding:0 15px;}
main.usercpManager > section > #panel > #browser.imagesIcon > .folder {background:#0b9fcb url("//static.picload.org/images/nocover.png") no-repeat 50% 50% / cover;}
main.usercpManager > section > #panel > #browser.imagesIcon > .folder:hover {background-color:#0bb3e5;}
main.usercpManager > section > #panel > #browser.imagesIcon > .folder.parent {background-color:#95c46d;}
main.usercpManager > section > #panel > #browser.imagesIcon > .folder.parent:hover {background-color:#aade7c;}
main.usercpManager > section > #panel > #browser.imagesIcon > .folder .imagename {position:absolute;top:0;left:0;display:block;width:100%;height:158px;padding:139px 3px 0;color:#fff;text-shadow:1px 1px 0 #000;text-align:center;z-index:1;}
main.usercpManager > section > #panel > #browser.imagesIcon > .image .imagename {position:absolute;bottom:0;left:0;display:block;width:100%;height:22px;padding:3px 5px;background:rgba(0,0,0,0.6);color:#fff;text-shadow:1px 1px 0 #000;text-align:center;}
main.usercpFoldersSort > section a.usercpFoldersSortButton {display:inline-block;width:15px;height:15px;background-color:#f6f6f6;cursor:pointer;color:#333;font-size:13px;line-height:13px;text-align:center;vertical-align:middle;border:1px solid #ccc;border-radius:4px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.05);transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;}
main.usercpFoldersSort > section a.usercpFoldersSortButton:hover {background-color:#e6e6e6;border-color:#adadad;} 
main.usercpFolderLinks article.codes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;}
main.usercpFolderLinks article.codes > ul li {float:left;border-left:1px solid #ccc;}
main.usercpFolderLinks article.codes > ul li:first-child {border:none;}
main.usercpFolderLinks article.codes > ul li label {display:block;padding:3px 15px;font-weight:bold;}
main.usercpFolderLinks article.codes > #codeResult {width:100%;height:100px;min-height:100px;max-height:330px;}
main.usercpStats div.statbar {height:12px;width:104px;border:1px solid #000;padding:1px;}
main.usercpStats div.statbar > label {display:block;height:8px;background:#0b9fcb;}
main.usercpApps article {margin:15px 0;padding:15px;background:transparent;border:1px solid transparent;border-radius:8px;}
main.usercpApps article:hover {background:#fcfcfc;border-color:#ccc;}
main.usercpApps article > ul {width:350px;height:100px;margin:0 auto;padding:0;list-style-type:none;}
main.usercpApps article > ul > li {display:block;float:left;width:100px;height:100px;margin:0;padding:0;line-height:35px;}
main.usercpApps article > ul > li.picload {background:url("//static.picload.org/images/apps/picload.png") no-repeat;}
main.usercpApps article > ul > li.twitter {background:url("//static.picload.org/images/apps/twitter.png") no-repeat;}
main.usercpApps article > ul > li.facebook {background:url("//static.picload.org/images/apps/facebook.png") no-repeat;}

/* footer */
footer {position:absolute;bottom:0;width:100%;height:55px;background:#eee;border-top:5px solid #95c46d;color:#555;box-shadow:0 0 3px #aaa;-webkit-box-shadow:0 0 3px #aaa;z-index:100;}
footer a {color:#555;text-decoration:none;}
footer ul {margin:0;padding:0;list-style-type:none;}
footer ul > li {margin:0;padding:0;line-height:35px;}
footer > div > * {height:35px;line-height:35px;}
footer > div > .languages {float:left;width:100px;}
footer > div > .languages > ul {bottom:31px;}
footer > div > .languages > ul:before {bottom:-7px;left:13px;border-bottom:none;border-top-color:#cdcdcd;border-width:7px;}
footer > div > .languages > ul:after {bottom:-6px;left:14px;border-bottom:none;border-top-color:#fff;border-width:6px;}
footer > div > ul > li {float:left;white-space:nowrap;}
footer > div > ul > li > a:hover {color:#333;}
footer > div > .menu {float:left;margin-left:20px;}
footer > div > .menu > li {padding-left:15px;}
footer > div > .menu > li:first-child {padding-left:0;}
footer > div > .menu > li > a:before {content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-left-color:#0b9fcb;}
footer > div > .copyright {display:block;float:right;}
footer > div > .copyright a:hover {color:#333;}
footer > div > .social {float:right;margin-left:10px;margin-right:15px;}
footer > div > .social > li {margin-left:5px;font-size:18px;}
footer > div > .social > li > a:before {padding:3px;border-radius:3px;}
footer > div > .social > li > a:hover:before {color:#fff;}
footer > div > .social > li > a.icon-twitter:hover:before {background-color:#00aced;}
footer > div > .social > li > a.icon-facebook:hover:before {background-color:#3b5998;}

/* loader, disabler, layer, message */
#disabler,
#message,
#tooltip {position:fixed;}
#layer {position:absolute;}
#disabler {left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;}
#layer {left:-1000px;top:0;margin:0;padding:0;border-radius:10px;background:#fff;box-shadow:0 0 0 20px rgba(0,0,0, 0.5);-webkit-box-shadow:0 0 0 20px rgba(0,0,0,0.5);z-index:1000;}
#layer > h1 {position:relative;height:40px;;margin:0;padding:0 20px;font:bold 22px/40px normal Arial,Helvetica,sans-serif;color:#0b9fcb;white-space:nowrap;overflow:hidden;}
#layer > h1 > label {position:absolute;top:9px;right:20px;display:block;width:22px;height:23px;background:transparent url('//static.picload.org/images/sprite.png') no-repeat -172px 0;cursor:pointer;}
#layer > div {position:relative;margin:0;padding:5px 20px 10px;/*font-size:120%;*/}
#layer > div.disabler {display:block;}
#layer > div h2 {font-size:150%;}
#layer > div h3 {font-size:120%;}
#layer > div p {margin:10px 0;}
#layer > div a {color:#0b9fcb;text-decoration:none;}
#layer > div a:hover {text-decoration:underline;}
#layer > div .bigger > *.row {margin:5px 0;}
#layer > div .bigger > *.row > em {line-height:28px;}
#layer > div .bigger > *.row > select {height:28px;line-height:28px;}
#layer > div .bigger > *.row > input[type="text"],
#layer > div .bigger > *.row > input[type="password"],
#layer > div .bigger > *.row > .fakeText > input {height:28px;line-height:26px;}
#layer > div .bigger > *.row > .fakeText > span {line-height:28px;}
#layer > div .smaller > *.row {margin:5px 0;}
#layer > div > .ajaxLogin input[type="text"],
#layer > div > .ajaxLogin input[type="password"] {position:relative;width:100%;height:34px;padding:0 8px;line-height:32px;}
#layer > div > .ajaxLogin input[type="text"] {margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#layer > div > .ajaxLogin input[type="password"] {border-top-left-radius:0;border-top-right-radius:0;}
#layer > div > .ajaxLogin input[type="text"]:focus,
#layer > div > .ajaxLogin input[type="password"]:focus {z-index:2;}
#layer > div > .ajaxLogin .signin {width:100%;}
#layer > div > .ajaxFolderDownload > section {margin:0 -5px 10px;}
#layer > div > .ajaxFolderDownload > section > label {float:left;display:block;position:relative;margin:5px;border:1px solid #ccc;}
#layer > div > .ajaxFolderDownload > section > label:hover {border-color:#666;}
#layer > div > .ajaxFolderShare {margin:0 0 10px;}
#layer > div > .ajaxFolderShare h3 {margin:10px 0;}
#layer > div > .ajaxFolderLinksList > section {margin:0 -5px 10px;}
#layer > div > .ajaxFolderLinksCodes {margin:25px 0 10px;}
#layer > div > .ajaxFolderLinksCodes > ul {height:20px;margin:10px 0;padding:0;list-style-type:none;}
#layer > div > .ajaxFolderLinksCodes > ul li {float:left;border-left:1px solid #ccc;}
#layer > div > .ajaxFolderLinksCodes > ul li:first-child {border:none;}
#layer > div > .ajaxFolderLinksCodes > ul li label {display:block;padding:3px 15px;font-weight:bold;}
#layer > div > .ajaxFolderLinksCodes > #ajaxCodeResult {width:100%;height:100px;min-height:100px;max-height:330px;}
#layer > div > .ajaxLanguages {margin:0 0 10px;padding:0;list-style-type:none;}
#layer > div > .ajaxLanguages > li {float:left;width:100px;line-height:20px;}
#layer > div > .ajaxLanguages > li > a {padding-left:18px;background:url('//static.picload.org/images/sprite.png') no-repeat -238px 2px;cursor:pointer;}
#layer > div > .ajaxLanguages > li > a.de {background-position:-238px 2px !important;}
#layer > div > .ajaxLanguages > li > a.en {background-position:-238px -14px !important;}
#layer > div > .ajaxLanguages > li > a.fr {background-position:-238px -30px !important;}
#layer > div > .ajaxLanguages > li > a.it {background-position:-238px -46px !important;}
#layer > div > .ajaxLanguages > li > a.es {background-position:-238px -62px !important;}
#layer > div > .ajaxLanguages > li > a.tr {background-position:-238px -78px !important;}
#message {left:-1000px;top:0;z-index:2000;}
div.message {width:550px;padding:10px 25px;background:#f1f1f1;color:#333;border:1px solid #bcbcbc;border-radius:5px;box-shadow:0 5px 10px #333;-webkit-box-shadow:0 5px 10px #333;}
div.message p {margin:15px 0;}
div.message p.buttons {margin:15px 0 5px;text-align:right;}
div.message a {color:#0b9fcb;text-decoration:none;}
div.message a:hover {text-decoration:underline;}
div.message .remark {background-color:transparent !important;border:none !important;color:#333 !important;}
#tooltip {top:-1000px;left:-1000px;padding:6px 8px;min-width:32px;max-width:300px;background-color:rgba(40,40,40,0.9);color:#fff;font-size:12px;line-height:16px;border-radius:3px;text-align:center;z-index:3000;}
#tooltip > i.loading {display:block;width:28px;height:16px;margin:auto;background:url('../images/utils/tooltipLoading.gif');}
#tooltip > pre {margin:0;font:inherit;overflow:hidden;}
#tooltip:after {content:"";position:absolute;height:0;border:4px solid transparent;}
#tooltip.nowrap {max-width:none;white-space:nowrap;}
#tooltip.top {margin-top:4px;}
#tooltip.bottom {margin-top:-4px;}
#tooltip.top:after {top:-4px;border-top:0 none;border-bottom-color:rgba(40,40,40,0.9);}
#tooltip.bottom:after {bottom:-4px;border-bottom:0 none;border-top-color:rgba(40,40,40,0.9);}
#tooltip.left:after {left:12px;}
#tooltip.right:after {right:12px;}
#tooltip.center:after {left:50%;margin-left:-4px;}
#tooltip.light,
#tooltip.blue {box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#tooltip.light {padding:9px 14px;background-color:#fff;color:#222;border:1px solid #cdcdcd;}
#tooltip.light:before {position:absolute;content:"";border:7px solid transparent;}
#tooltip.light:after {border-width:6px;}
#tooltip.light.top {margin-top:6px;}
#tooltip.light.bottom {margin-top:-6px;}
#tooltip.light.top:before {top:-7px;border-top:none;border-bottom-color:#cdcdcd;}
#tooltip.light.top:after {top:-6px;border-top:none;border-bottom-color:#fff;}
#tooltip.light.bottom:before {bottom:-7px;border-bottom:none;border-top-color:#cdcdcd;}
#tooltip.light.bottom:after {bottom:-6px;border-bottom:none;border-top-color:#fff;}
#tooltip.light.left:before {left:11px;}
#tooltip.light.right:before {right:11px;}
#tooltip.light.center:before {left:50%;margin-left:-7px;}
#tooltip.light.center:after {margin-left:-6px;}
#tooltip.blue {padding:7px 10px;background-color:#5890ff;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.3);}
#tooltip.blue:after {border-width:8px;}
#tooltip.blue.top {margin-top:8px;}
#tooltip.blue.bottom {margin-top:-8px;}
#tooltip.blue.top:after {top:-8px;border-top:none;border-bottom-color:#5890ff;}
#tooltip.blue.bottom:after {bottom:-8px;border-bottom:none;border-top-color:#5890ff;}
#tooltip.blue.center:after {margin-left:-8px;}
#tooltip.small {font-size:10px;line-height:14px;}
#tooltip.big {font-size:14px;line-height:18px;}

/* cover background */
#cover {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;}
#cover > div {position:absolute;left:0;width:100%;height:100%;background-attachment:fixed;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;}

/* to top */
#toTop {position:fixed;bottom:-50px;right:50px;display:block;width:40px;height:40px;background:url('//static.picload.org/images/sprite.png') no-repeat -160px -100px;cursor:pointer;z-index:500;transition:bottom 1s ease, opacity 400ms linear;-moz-transition:bottom 1s ease, opacity 400ms linear;-ms-transition:bottom 1s ease, opacity 400ms linear;-webkit-transition:bottom 1s ease, opacity 400ms linear;-o-transition:bottom 1s ease, opacity 400ms linear;opacity:0.5;filter:alpha(opacity=50);}
#toTop.visible {bottom:75px;}
#toTop:hover {opacity:1;filter:alpha(opacity=100);}

/* feedback */
#feedback {position:fixed;bottom:100px;left:0;width:32px;height:130px;background:url('//static.picload.org/images/feedback.png') no-repeat;border-radius:0 5px 5px 0;z-index:200;}

/* cookie using */
#cookies {position:fixed;left:30px;right:30px;bottom:20px;min-width:718px;padding:10px 20px;background:rgba(0,0,0,0.5);line-height:14px;font-size:11px;font-weight:bold;color:#fff;text-align:center;border-radius:5px;z-index:800;}
#cookies a {color:#fff;white-space:nowrap;}

/* alternative style without javascript */
body.nojs .needjs {display:none !important;}
body.nojs .hidejs {display:block !important;}
body.nojs main.view > #stage > #stageSpotlight > #stageImage > img {max-width:80%;}
body.nojs main.folder > #folderImages {display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;}
body.nojs main.folder > #folderImages > div {float:none;display:block;}
body.nojs main.usercpManager > section > #panel > #actions > li.alternative {display:block;}

/* simple page */
body.simple > #doc {padding-bottom:40px;}
body.simple > #doc > header {height:55px;background:#0b9fcb;}
body.simple > #doc > header > div > * {margin:0;padding:0;}
body.simple > #doc > header > div > a#logo {float:left;display:block;width:238px;height:55px;background:url('//static.picload.org/images/sprite.png') no-repeat 0 -40px;}
body.simple > #doc > header > div > ul {float:right;}
body.simple > #doc > header > div > ul > li {border-right:1px solid #fff;}
body.simple > #doc > header > div > ul > li:first-child {border-left:1px solid #fff;}
body.simple > #doc > header > div > ul > li > a {height:55px;padding:0 20px;line-height:55px;border-bottom:5px solid #a1d784;color:#fff;font-size:16px;font-weight:bold;text-transform:lowercase;}
body.simple > #doc > header > div > ul > li > a:hover,
body.simple > #doc > header > div > ul > li > a.sel {background-color:#0bb3e5;border-bottom-color:#a7de89;}
body.simple > #doc > main {padding-bottom:50px;}
body.simple > #doc > footer {height:40px;}

/* different body backgrounds */
body.bgDark {background-color:#4c4c4c;}
body.bgGrey {background-color:#eaeaea;}
body.bgLight {background-color:#f4f4f4;}
body.bgTexture {background-image:url('//static.picload.org/images/texture.png');background-repeat:repeat;}
body.bgCover {background-attachment:fixed;background-position:center center;background-size:cover;background-repeat:no-repeat;}
body.bgRotate {transition:background 1000ms linear;-moz-transition:background 1000ms linear;-ms-transition:background 1000ms linear;-webkit-transition:background 1000ms linear;-o-transition:background 1000ms linear;}

/* flow content */
body.flow {background:#fff url('//static.picload.org/images/bgFlow.png') repeat-x top;}
body.flow > #doc > main {width:760px;min-height:380px;padding:5px 30px 25px;background:#fff;border-radius:8px;}
body.flow > #doc > main:before {position:absolute;top:50px;left:-3px;right:-3px;display:block;content:"";height:300px;background:#fff;background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));background:-moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255, 1));background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));background:-o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));background:-ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff');z-index:-1;}
body.flow > #doc > main:after {position:absolute;top:0;left:0;right:0;display:block;content:"";height:346px;border-collapse:separate;box-shadow:0 0 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);border-radius:5px;z-index:-2;}

/* crisp content */
body.crisp > #doc {background:#fafafa;background:linear-gradient(to bottom, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-moz-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-webkit-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-o-linear-gradient(top, #ececec 0%, #fcfcfc 40%, #fafafa 100%);background:-ms-linear-gradient(top, #ececec 0% ,#fcfcfc 40%, #fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#fafafa');}
body.crisp > #doc > main {margin:50px auto;background:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.5);border-radius:6px;}
body.crisp > #doc > main > section {padding:20px 60px 50px;}
body.crisp > #doc > main > details {margin-bottom:-10px;padding:20px 60px;background-color:#0b9fcb;border-radius:6px 6px 0 0;color:#fff;}
body.crisp > #doc > main > aside {margin-top:-10px;padding:20px 60px;background-color:#f0f0f0;border-radius:0 0 6px 6px;color:#686868;}

/* wide content */
body.wide .container {width:auto;}
body.wide > #doc > main {width:auto;min-width:768px;}
body.wide.flow > #doc > main,
body.wide.crisp > #doc > main {margin-left:20px;margin-right:20px;}

/* 960px wide grid */
body.g960 .container {width:960px;}
body.g960 > #doc > main {width:960px;}
body.g960.wide > #doc > main {min-width:960px;}

/* 1200px wide grid */
body.g1200 .container {width:1200px;}
body.g1200 > #doc > main {width:1200px;}
body.g1200.wide > #doc > main {min-width:1200px;}

/* message and error page */
body.message,
body.error {background:#e6e6e6 !important;overflow:hidden;}
body.message > div,
body.error > div {position:absolute;left:50%;top:50%;}
body.message > div {width:550px;margin:-75px -275px 0;text-align:center;}
body.error > div {width:500px;margin:-65px -250px 0;}
body.error > div > section {padding:10px 25px 20px 100px;min-height:100px;background:#0b9fcb url('//static.picload.org/images/errorLogo.png') no-repeat 0 10px;color:#fff;border-radius:5px;box-shadow:0 5px 10px #333;-webkit-box-shadow:0 5px 10px #333;}
body.error > div > section h1 {margin:10px 0;padding:0;}
body.error > div > section .border {margin:0;border-color:#fff !important;}
body.error > div > p {margin:10px 5px;padding:0;text-align:right;}
body.error > div > p a {background:url('//static.picload.org/images/errorLink.png') no-repeat right center;padding-right:12px;color:#686868;text-decoration:none;text-shadow:0 1px 0 #ccc;}
body.error > div > p a:hover {text-decoration:underline;}

/* responsive design */
@media screen and (max-width: 479px) {
	/*.container {min-width:368px;}*/
	
	main.usercpManager > section > #panel > #browser.imagesList > li .lastview {display:none !important;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	
}
@media screen and (max-width: 767px) {
	.min768 {display:none !important;}
	
	/*.container,
	main {width:100%;}*/
	
	main.usercpManager > section > #panel > #browser.imagesList > li .lastview {display:none !important;}
	main.usercpManager > section > #panel > #browser.imagesList > li .traffic {display:none !important;}
}
@media screen and (min-width: 768px) {
	/* fixed header and footer */
	body.fixedHeader > #doc > header {position:fixed;top:0;}
	body.fixedHeader > #doc > main {padding-top:75px;}
	body.fixedHeader.simple > #doc > main {padding-top:40px;}
	body.fixedHeader.flow > #doc > main {margin-top:100px;padding-top:5px;}
	body.fixedHeader.crisp > #doc {position:absolute;top:0;width:100%;}
	body.fixedHeader.crisp > #doc > main {margin-top:125px;padding-top:0;}
	body.fixedHeader.fixedFooter > #doc > footer {position:fixed;}
	
	main.usercpManager > section.folders > #folders {display:block;}
	main.usercpManager > section.folders > #panel {margin-left:250px;}
	main.usercpManager > section.folders > #panel > #actions {border-radius:0 8px 0 0;}
	main.usercpManager > section.folders > #panel > #actions > li:first-child > * {border-radius:0;}
	main.usercpManager > section.folders > #panel > #browser {border-radius:0 0 8px 0;}
}
@media screen and (min-width: 768px) and (max-width: 1019px) {
	
}
@media screen and (max-width: 1019px) {
	.min1020 {display:none !important;}
	
	main.usercpManager > section > #panel > #browser.imagesList > li .imagename {width:100px !important;}
	main.usercpManager > section > #panel > #browser.imagesList > li .uploadtime {display:none !important;}
}
@media screen and (min-width: 1000px) and (max-width: 1019px) {
	body.wide .container,
	body.wide .flex {margin-left:calc(50% - 500px);margin-right:calc(50% - 500px);}
}
@media screen and (min-width: 1020px) {
	body.wide .container,
	body.wide .flex {margin-left:10px;margin-right:10px;}
}

/* languages */
html[lang="de"] main.view > #stage > #stageFolder > #stageFolderSlider > div > a {background-image:url('//static.picload.org/images/nopreviewDE.png');}
html[lang="de"] main.folder > #folderDownload > section > label.nothumbnail {background-image:url('//static.picload.org/images/nothumbnailDE.png');}
html[lang="de"] main.folder > #folderImages > div > a {background-image:url('//static.picload.org/images/nopreviewDE.png');}