/*   html5doctorcom Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctorcom/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
body {	line-height: 1;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/*
fonts.css from the YUI Library: developeryahoocom/yui/
Please refer to developeryahoocom/yui/fonts/ for font sizing percentages
*/
button {cursor: pointer; background: none; padding: 0; margin: 0;}
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
/* maxvoltarcom/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}
::-moz-selection {background: #999999; color: #f6f6f6;}
::selection {background: #999999; color: #f6f6f6;}
* {outline:none; text-decoration: none; border:0 none;}
img {vertical-align:top;}
li {list-style: none; display: inline}
input {cursor: pointer;}
h1, h2, h3, h4, h5 {font-weight: normal;}
html, body {margin:0; padding:0; height:100%;}

a {cursor: pointer; color: #333}
img { text-decoration:none;}

.size12 {font-size: 12px !important;}
.size14 {font-size: 14px !important;}
.size16 {font-size: 16px !important;}
.size18 {font-size: 18px !important;}
.size20 {font-size: 20px !important;}
.size24 {font-size: 24px !important;}
.size28 {font-size: 28px !important;}
.size30 {font-size: 30px !important;}

ul.list {margin: 6px 0}
ul.list li {list-style: disc; margin-left: 10px; display: list-item; list-style-position: inside}
.clear {width: 100%; clear: both; display: block; height: 0px;}
.padding40 {padding: 40px 0;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.marginsmall {width: 100%; clear: both; display: block; height: 1px; margin: 10px 0 9px;}
.margin {width: 100%; clear: both; display: block; height: 1px; margin: 20px 0 19px;}
.marginleft {margin: 0 0 0 10px !important;}
.marginleft8 {margin-left: 8px;}
.marginright8 {margin-right: 8px;}
.margintop8 {margin-top: 8px;}
.marginbottom8 {margin-bottom: 8px;}
.sep {border-top:1px solid #7b3a00; width: 100%; clear: both; display: block; height: 0px; margin: 20px 0;}
.sepsmall {border-top:1px solid #e6e6e6; width: 100%; clear: both; display: block; height: 0px; margin: 10px 0;}
.sep2dot {border-bottom:2px dotted #20130c; width: 100%; height: 0; display: block;}
.sep2 {border-bottom: 2px solid #20130c; width: 100%; height: 0; display: block;}
.sep2line {border-bottom: 2px solid #20130c; border-top: 2px solid #20130c; width: 100%; height: 2px; display: block;}
.sep3 {border-top:1px dotted #999999; border-bottom: 1px dotted #999999; width: 100%; clear: both; display: block; height: 4px; margin: 28px 0;}
.nomargin {margin: 0 !important;}
.nomarginright {margin-right: 0 !important;}
.nopaddingright {padding-right: 0 !important;}
.shadow {-moz-box-shadow: 0 1px 3px #aaaaaa !important; -webkit-box-shadow: 0 1px 3px #aaaaaa !important; box-shadow: 0 1px 3px #aaaaaa !important;}
.shadowblack {-moz-box-shadow: 0 1px 5px #111111 !important; -webkit-box-shadow: 0 1px 5px #111111 !important; box-shadow: 0 1px 5px #111111 !important;}
.shadowDDD {-moz-box-shadow: 0 1px 2px #dddddd !important; -webkit-box-shadow: 0 1px 2px #dddddd !important; box-shadow: 0 1px 3px #dddddd !important;}
.shadowTransparent {-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;}
.shadowTransparentPlus {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;}
.shadowTransparentBig {-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;}
.radius, .button-b {border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;}
.radius8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.floatnone {float: none !important; display: inline !important; padding: 0 !important; margin: 0 !important}
.hide {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00;}
.opacity50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;}
.floatright {float: right; display: block;}
.floatleft {float: left; display: block;}
.font-waiting {font-family: 'waiting_for_the_sunriseRg', sans-serif; font-weight: normal;}
.fontlight {font-family: 'OpenSansLight', 'Arial', sans-serif}
.fontbold, .text b, .text strong {font-family: 'OpenSansBold', 'Arial', sans-serif; font-weight: normal}
.upper {text-transform: uppercase;}
.none {display: none}
.block {display: block}
.inlineblock {display: inline-block}
.pointer {cursor: pointer}
.cursordefault {cursor: default !important}
.relative {position: relative}
.absolute {position: absolute;}

body {background: #222;}

#filelist {width: 100%; height: 100%; position: absolute; display: block; left: 0; background: #ccc; box-shadow: 0px 0 30px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0 30px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0 30px rgba(0,0,0,0.6); z-index: 1; background: #ccc}
#filelist-cont {background: #ccc}
.folderlink:hover, .imglink:hover {background: #dfdfdf}
.folderlink, .imglink {padding: 8px 10px; background: transparent; color: #333; cursor: pointer; float: left; display: block; width: 100px; text-align: center; height: 130px;}
.folderlink i {font-size: 60px; margin-right: 4px; width: 100px; height: 56px; text-align: center; padding: 22px 0 12px; margin-bottom: 8px}
.imglink {}
.imglink img {width: 100px; height: 100px; margin-bottom: 8px}
.imgthbname {}
.imglink-sel .imgthbname {background: #fff !important; color:#222; border-top-color: #fff}
.curdir {padding: 4px 10px; background: #aaa; min-height: 14px; font-size: 14px; line-height: 22px; min-height: 22px;}
.curdir input {background: #ccc; border: 1px solid #888; margin: 0 8px 0 0; padding: 3px 4px; width: 120px; font-size: 12px;}
#search_result {z-index:99; background: #d6d6d6; width:100%; height:auto; border-bottom: 1px solid #c0c0c0; position: relative;}

#imgthb {width: 100%; height:100%; display: block; position: absolute; left: 0; overflow: hide; overflow-x: hidden; background: transparent; z-index: 0}
#imgthb.loading {background: url(loading.gif) center center no-repeat transparent;}
#imgthb img {margin: 0 auto; display: block; position: relative; top: 50%}

#logincont {position:relative; z-index:1; margin:0 auto; height: 100%; width: 200px;}
#login {position: absolute; top:50%; margin-top:-140px; width:200px; padding:20px 40px 40px; background:#000; height:280px;}
#login label {color: #888; font-size: 14px; line-height: 22px;}
#login input {padding: 10px 12px; background: #ccc; border:1px solid #fff; margin: 0 0 8px; width: 174px; font-size: 12px; line-height: 16px;}
#login button {width: 200px; padding: 10px 12px; color:#fff; background: #666; display: block; font-size: 12px; line-height: 18px;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer{ overflow: hidden; position: relative;}
.jspPane{ position: absolute;}
.jspVerticalBar{ position: absolute; top: 0; right: 0; width: 4px; height: 100%; background: transparent;}
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: transparent;}
.jspVerticalBar *, .jspHorizontalBar *{ margin: 0; padding: 0;}
.jspCap{ display: none;}
.jspHorizontalBar .jspCap{ float: left;}
.jspTrack{ background: #bbb; position: relative;}
.jspDrag{ background: #666; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left; height: 100%;}
.jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled{ cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow{ height: 16px;}
.jspHorizontalBar .jspArrow{ width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus{ outline: none;}
.jspCorner{ background: #eeeef4; float: left; height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0;}
.scroll-pane {width: 100%; height: calc(100% - 81px); overflow: auto;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;    -moz-border-radius: 4px;         border-radius: 4px;}
.fancybox-opened { z-index: 8030;}
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner { position: relative;}
.fancybox-inner { overflow: hidden;}
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;}
.fancybox-error { color: #444; font: 14px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;}
.fancybox-image { max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox/fancybox_sprite.png');}
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div { width: 44px; height: 44px; background: url('fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}
.fancybox-prev { left: 0;}
.fancybox-next { right: 0;}
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span { left: 10px; background-position: 0 -36px;}
.fancybox-next span { right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span { visibility: visible;}
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body { overflow: hidden !important;}
.fancybox-lock-test { overflow-y: hidden !important;}
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;}
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title { visibility: visible;}
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap { padding-top: 10px;}
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 	   only screen and (min--moz-device-pixel-ratio: 1.5), 	   only screen and (min-device-pixel-ratio: 1.5){
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 	background-image: url('fancybox/fancybox_sprite@2x.png'); 	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
 #fancybox-loading div { 	background-image: url('fancybox/fancybox_loading@2x.gif'); 	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }}