

.content {

	margin-top:80px;

	padding: 20px;

}

#drop-files {

	position: relative;

	width: 1200px;

	height: 213px;

	margin: 20px auto 0;

	float: right;

	/* background: rgba(0,0,0,0.1); */

	/* border-radius: 10px; */

	border: 2px dashed rgba(0,0,0,0.2);

	padding-top: 20px;

	text-align: center;

	font-size: 2em;

	font-weight: bold;

}



#drop-files p {

	clear:none;

	padding:0;

	margin:0;

}



#uploaded-holder {

	display: none;

	position:relative;

	margin: 0 auto;

}



#dropped-files {

	display:block;

	margin: 0 auto;

	/* width: 950px; */

}



#upload-button {

	z-index: 9999;

	display: none;

	margin: 20px 0;

}



.drop-button {





	z-index: 9999;

	width: 100%;



	font-size: 1em;

	bottom: 0;

	text-align: center;

	text-decoration: none;

	font-weight: 700;

	color: #FFF;

}



#dropped-files .image {

	/* position: relative; */

	height: 199px;

	width: 239px;

	/* border: 4px solid #fff; */

	/* box-shadow: 0px 0px 10px rgba(0,0,0,0.1); */

	/* background: #fff; */

	/* float: left; */

	/* border-radius: 4px; */

	/* margin: 0 7px 7px 0; */

	/* overflow: hidden; */

}



.param_image {

	width:500px;

	height:200px;

	background:#F00;

	margin:4px;

	padding:7px;

}



#upload-button .ss-upload {

	font-size: 0.7em;

}



#upload-button a {

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -35px 40px -10px #0A9FCA;

	font-size: 20px;

	padding: 10px 20px;

	background-color: #4bc1e3;

	border-radius: 10px;

	display: block;

	margin-top: 10px;

}



#upload-button span {

	position:relative;

	text-align: center;

	background: white;

	border-radius: 10px;

	font-size: 1.1em;

	padding: 6px;

	margin-right: 8px;

}

#upload-button a:hover {

	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -5px 40px 0px #0A9FCA;	

}





#dropped-files #upload-button .delete {

	padding: 7px 6px 4px 6px;

	border-radius: 100px;

	background: rgba(0,0,0,0.6);

	box-shadow: none;

	font-size: 1em;

	margin-left: 8px;

}



#dropped-files #upload-button .delete:hover {

	background: rgba(0,0,0,0.8);

}



#loading {

	display: none;

	width: 100%;

	position: relative;

	margin: 20px 0px;

}



#loading-bar {

	width: 360px;

	height: 20px;

	background: #fff;

	box-shadow: 0 0 15px rgba(0,0,0,0.1);

	border-radius: 5px;

	padding: 2px;

}



.loading-color {

	width: 0%;

	height: 100%;

	-webkit-transition: all 0.1s ease-in;

	-moz-transition: all 0.1s ease-in;

	-ms-transition: all 0.1s ease-in;

	-o-transition: all 0.1s ease-in;

	transition: all 0.1s ease-in;

	border-radius: inherit;

	background-color: #4edbf1;

}



#loading-content {

	position: relative;

	top: 15px;

	font-size: 1.2em;

	font-weight: bold;

	text-align: center;

	width: 405px;

}



#file-name-holder {

	width: 100%;

	float: left;

}



#file-name-holder h1 {

	text-align: center;

	padding: 20px 0;

	font-size: 3em;

	margin: 0;

}



#uploaded-files {

	width:500px;

	list-style:none;

	margin:0 auto;

	padding: 10px;

	color: #545454;

}



#uploaded-files li {

	padding: 10px;

	border-bottom: 1px solid #eee;

	font-size: 1.5em;

	font-weight: bold;

	line-height: 25px;

	color: #545454;

}



#uploaded-files a {
	margin-left:20px;
	color: #1bacbf;

}

.main {

	width:900px;

	margin:0 auto;

	height:100%;

	margin-top:100px;

}

.main img {

	position:relative;

	float:left;

	width:280px;

	height:180px;

	margin:10px;

}

a.nav { 

	font-family:tahoma;

	font-size:20px;

	color:#4280af;

	text-decoration:none;

	margin-bottom:10px;

}

a.nav:hover {

    color:#fffb89;

}



#popup-0 {

   background-color:#111;

   /* opacity: 0.65; */

   *background:none;

   position:absolute;

   z-index: 9001;

   top:400px;

   left:400px;

   width:100%;

}



#popup-1 {

   background-color:#111;

   /* opacity: 0.65; */

   *background:none;

   position:absolute;

   z-index: 9001;

   top:400px;

   left:400px;

   width:100%;

}



#popup-2 {

   background-color:#111;

   /* opacity: 0.65; */

   *background:none;

   position:absolute;

   z-index: 9001;

   top:400px;

   left:400px;

   width:100%;

}



#popUpDiv {

    position:absolute;

    background:url('pop-back.jpg') no-repeat;

    width:400px;

    height:400px;

    border:5px solid #000;

    z-index: 9002;

}



#popUpDiv a {position:relative; top:20px; left:20px}



