﻿
		  body { font-family: Verdana, Arial, sans-serif; 	}
		  *:focus{ outline:none; }
		  .floatLeft { float: left; }
		  .floatRight { float: right; }
		  .clear { clear: both; }
		  
		   .row { margin-bottom: 10px; }
		   .row.bottom{margin-top:10px;text-align:right;}
		  
		  .uploadForm {
		    
		    border: 1px solid #cccccc;
		    border-radius:4px;
		    -moz-border-radius: 4px;
			-webkit-box-shadow:0 0 4px #ccc;
			-moz-box-shadow: 0 0 4px #ccc;
			box-shadow: 0 0 4px #ccc;
		    background-image: -moz-linear-gradient(top, #ffffff,#f2f2f2);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
			padding: 20px;
		    width: 400px;
		    margin: 20px auto;		  
						
		  }
		  
		  .uploadForm #filesQueue
		  {
		    border: 1px solid #cccccc;
		    border-radius:4px;
		    -moz-border-radius: 4px;
		    padding: 5px;
		   height:172px;
		    overflow:auto;
		  }
		  
		  input {			
			  border:1px solid #ccc;
			  font-size: 13pt;			
			  padding: 5px 10px 5px 10px;			
			  border-radius:10px;
			  -moz-border-radius: 10px;			
			  -webkit-transition: all 0.5s ease-in-out;
	      -moz-transition: all 0.5s ease-in-out;
  			transition: all 0.5s ease-in-out;		
		  }
		  
		  input[type=button] {
		    background-image: -moz-linear-gradient(top, #ffffff, #dfdfdf);
	  		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfdf));
	  		cursor:pointer;
		  }  				  

		  
		
		#filesToUpload { visibility:hidden;width:1px;height:1px; }
		
		.queueItem
		{
		    border-bottom:1px solid #ccc;
		    font-size:12px;
		    padding:3px 0px;
		}
		.queueItem:last-child
		{
		    border-bottom:0px;
		}
		
		.queueItem .fileDetails
		{
		    padding-bottom:4px;
		}
		
		.queueItem .progress { position:relative;width:100%;height:16px;background:#cfcfcf; }
		
		.queueItem .progress .progressBar 		
		{		  
		  height: 14px;
		  border: 1px solid #cccccc;
		  display: none;
			/*border-radius:10px;
		  -moz-border-radius: 10px;		*/  
			background-image: -moz-linear-gradient(top, #66cc00, #4b9500);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
 		}
 		.queueItem .progress .progressBar.error 		
		{
		    background-image: -moz-linear-gradient(top, #ff0000, #de5500);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#de5500));
		}
		
		.queueItem .progress .progressPrecentage
		{
		    font-size:10px;color:White;
		    position:absolute;
		    top:1px;
		    left:6px;
		}
		
	