/*  Some CSS Reset */
*{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
}
body { font:13px/1.231 sans-serif; *font-size:small; }
small { font-size: 85%; } 
a, a:active, a:visited { color: #FFBF00;}
ul, ol { margin-left: 1.8em; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
.clearFix {clear: both;}

/* ============================================================================ 
 START Primary Styles
============================================================================= */
html, body {
	height: 100%;
}

body {
	color: #aeaeae;
	background-color:#303030;
	font-family: Tahoma, Geneva, sans-serif;
	min-width:480px;
	/*ez azért kell mert a min-height a csak így alkalmazható FF-ban a root-container-re*/

}

p {
	padding-top: 0.5em;
	padding-bottom: 0.75em;
	line-height: 1.2em;
}

.head {
	position:fixed;
	z-index: 99;
	display:absolute;
	background-color:#F6A828;
	padding:10px 20px;
	height:30px;
	width:100%;
}
.head p {
	padding:10px 20px;
}
.head h3 {
	text-align:center;
	color:#1C1C1C;
	font-weight:normal;
	font-size:23px;
}
.head img {
	float:right;
}

#root-container {
	width: 600px;
	min-height:95%;
	margin: 0 auto;
	Npadding-top: 1em;
	position: relative;
	overflow: hidden;
}

#header {
	text-align: center;
}

#sharing {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 170px; 
	margin: 2em auto;
}

#sharing ul {
	list-style-type: none;
}

#sharing ul li {
	float: left;
	padding-left: 20px;
}

#sharing .first {
	padding-left: 0px;
}


.welcome,
#welcome {
	width:47%;
	font-size:1.2em;
	NOtext-align: center;
	letter-spacing: 0.05em;
	text-shadow: 1px 1px 15px #888888;
	margin-top: 5em;
	float:left; 
}
.welcome span,
#welcome span { text-decoration:underline; }

#welcome.left {
	text-align:right;
	padding-right:20px;
}

#browser-warning {
	display: none;
	padding: 1em;
	text-align: center;
	color: #666;
	font-weight:bold;
	background-color: #FFDAD9;
	border: 2px solid #FF0700;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	margin-bottom: 1em;
}

#browser-warning a {
	color: #222;
}


#filepicker-input{
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0; 
    position:absolute; 
    top:0px; left:0px; 
    z-index:-100;
}

#direct-upload-text:hover{
	cursor:pointer;
	color: #eee;
}


#more-info-link{
	cursor:pointer;
}

#more-info{
	display:none;
	width: 250px;
	padding: 0px 20px 15px 20px;
	margin: 20px auto 10px auto;
	background-color: #222;
	border-radius: 10px;
}

#more-info ul li{
	padding-top: 10px;
}

#dropbox {
    display: block;
    margin: 3em auto 10px auto;
}


#preview{
	display:block;
	color:#bbb;
	/*background-color:#FFBF00;*/
	margin: 10px auto;
	margin-bottom:200px;
	border-radius: 20px;" 
}

#dropped-files {
	list-style: none;
}

#preview li {
	display: block;
	min-height: 64px;
	background-color: #222;
	padding: 15px 15px 15px 15px;
	margin-top: 10px;
	border-radius: 5px;
}
#preview li .filename {
}

#preview li .pauseButton {
	float: right;
}

#preview li .progressbar {
	margin-top: 1em;
	height: 5px;
	width: 300px;
}

#preview li .log-link {
	display:none;
	width: 70px;
	font-size: 0.9em;
	margin-top: 1em;
	cursor: pointer;
}

#preview li:hover .log-link {
	display: block;
}

#preview li:hover .log-link:hover {
	color: #FFEEEE;
}

#preview li .log {
	max-height: 300px;
	overflow:auto;
	padding: 10px;
	margin-top: 1em;
	color: lime;
	background-color: #121212;
	border-radius: 5px;
	border: 10px solid #121212;
}

#preview .downloadLink {
	padding-left: 2em;
	color:  #ffbf00; /*#33FF05;*/
	text-decoration: none;
}

#preview .downloadLink:hover {
	text-decoration: underline;
}

#uploadbutton {
	display:none;
	margin: 0 auto;
	margin-top: 2em; 
	margin-bottom: 20px;
}

#ajax-loader {
	display:none;
	margin-bottom: 5px;
	vertical-align: middle;
}

noscript {
	color: #BBBBBB;
	text-align: center;
}

#footer {
	position:fixed;
	bottom:0;
	font-size: 85%;
	text-align: right;
	background-color:#222222;
	padding: 0.4em;
	width:100%;
}

#footer ul li{
	display: inline;
	list-style: none;
	padding-right: 0.7em;
}
#footer input {
    border:1px solid #555;
	border-radius:2px;
	background-color:#222;
	color:#999;
	cursor:pointer;
	margin-right:15px;
	padding:1px 8px;
}
#footer input:hover {
    background-color:#d11111;
	color:#fff;
}


#footer .footer-links{
	color: #AEAEAE; 
	text-decoration:none;
}

#footer .footer-links:hover{
	text-decoration:underline;
}

#more-info .footer-links{
	color: #AEAEAE; 
	text-decoration:none;
	text-decoration:underline;
}


#drop-box-overlay {
	margin: 1px;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: fixed;
	background-color: #222222;
	display: none;
	
	z-index: 50;
	opacity: 0.9;
}

#drop-box-overlay h1 {
	padding: 2em;
	top: 38%;
	left: 35%;
	position: absolute;
	
	border: 2px solid #679B00;
	background-color: #C9F76F;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	
	color: #222222;
	font-size: 150%;
	text-shadow: 1px 1px 1px #FFFFFF;
}