body { 
	background: #fff url(images/twittload_bg.png) top repeat-x; margin:0; padding:0

}
#wrap {
	border-bottom:15px solid #0B4F8B
}
#Hipload-Main {

	width:650px;
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(images/twittload_header.png) left top no-repeat;
	padding-top:140px;
	
}
#logo { 
	height:140px; width:250px; margin-top:-140px; display:block;
	text-indent:-9999px
}

#Hipload-Main h1 {

	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
	text-align:center;
	text-shadow: #fff 2px 2px 0;

}
#Hipload-Main h1 a {

	text-decoration:none;
	color:#000;
	
}
.TwittloadContent img { float:left; padding: 0 10px 10px 0; }
.TwittloadContent h2 { font-size:15px; margin:0; }

.TwittloadContent span.smedia { display:block; float:left;margin:0 0 0 10px; }
#Hipload-Final { margin-top: 10px; padding-top: 50px; border-top: 1px solid #999; font-size: 13px; text-align:center; }
#Hipload-Final span.note { display:block; margin-top: 10px;font-size: 11px; text-align:center; }
#Hipload-Final span.note a { color:#F00; }
#Hipload-Final span.note a:hover { color: #00F;}

#Hipload-Final a.download { color:#F00; }
#Hipload-Final a.download:hover { color: #00F;}


#Hipload-Result { display:none; text-align:left;	background-color: #F5F5F5; border: 3px solid #E5E5E5;margin-top: 30px;padding: 10px; }
#Hipload-Result label { display: block; margin-top:10px}
#Hipload-Result input { display: block; width:98%;}
#Hipload-Result label img { vertical-align:middle; margin:3px; }
#Hipload-Result .close { float:right; background:url(img/cancel.png) top left no-repeat; width:20px; height:20px; text-indent:-9999px }

.report { clear:both; margin:100px 20px 20px 20px; font-size:9px; color: #999; padding-top:20px; border-top: 1px solid #CCC; }
.report img { margin:3px 0 0 3px;}
.report a { color:#999; text-decoration:none}
.report a:hover { color:#000; text-decoration:underline}
.report h2 { font-size:11px;}
#waitDoneScreen { display:none;}

#Hipload-Footer { margin: 50px 0 40px; border-top:1px solid #ccc; padding:10px; font: 10px Arial, Helvetica, sans-serif; color:#999; }
#Hipload-Footer a { text-decoration:none;color:#999; }
#Hipload-Footer span { float:left}
#Hipload-Footer span.links { float:right}

#Hipload-Contact label { display:block; width: 150px; margin:15px 0 5px 0}
#Hipload-Contact input { width: 300px;}
#Hipload-Contact textarea { width: 420px; height:200px}
#Hipload-Contact input.submit { width: 150px; height:40px}
/*
Default style definitions for:

Uploadify v1.6.2
Copyright (C) 2009 by Ronnie Garcia
Co-developed by Travis Nickels
*/


			#labelTwitterMessage { text-indent:0; text-align:left; color:#333; display:block;width:400px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:22px}
			#labelTwitterMessage span { float:right; color:#ccc}
				#twitterMessage {
					width:400px; font-size:16px; height:45px; display:block; margin:10px auto; border:1px solid #aaa;
					 font-family:Arial, Helvetica, sans-serif; padding:5px;
				}
			#twitterLogged,#twitterFront,#twitterAfterLogged { background:#AFEBEE url(twitter.png) 6px 4px no-repeat; padding:3px 10px 3px 30px; width:400px; margin:10px auto; text-align:left; border:1px solid #33CCFF; font-size:12px }
			#twitterLogged a,#twitterAfterLogged a { font-weight:bold; color: #666 }
			#twitterLogged a.logout, #twitterAfterLogged a.logout { font-weight:normal; color: #33CCFF; float:right }
			#twitterFront  {
				background-position: 10px 10px;padding-bottom:20px; width:300px;
				border-radius:10px; 	-moz-border-radius:10px; 	-webkit-border-radius:10px;
			}
			#twitterLogged  {
				border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px;
			}
			
			#twitterFront h3 {
				margin:5px 0 10px 10px; padding:0; 
				text-shadow: #fff 1px 1px 0;
			}
			#twitterFront label,#twitterFront input {
				display:block; width:200px; color:#666
			}
			#twitterFront input {
				margin-bottom:10px; border:1px solid #33CCFF; padding:3px;
			}
			#twitterUpload {
				width:400px; margin:0 auto; overflow: auto;
			}
			#twitterUpload input {
				float:right;
			}
			#fileInputUploader { float:right; }


#twitterAfterLogged { display:none;}


.fileUploadQueueItem {
	clear:both;
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin: 5px auto 0;
	padding: 10px;
	width: 350px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #fff;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 350px;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}



#commentSeparator { margin:50px 0 20px; border-top:1px solid #CCC }
/* dialog */



#dialog-overlay,#twittload-overlay,#twittloadFinal-overlay {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#CEF0F2; 

	/* make sure it appear behind the dialog box but above everything else */
	position:fixed; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}


#dialog-box,#twittload-box,#twittloadFinal-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	
	/* make sure it has the highest z-index */
	position:fixed; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}
#twittload-box {width:430px; }
#twittloadFinal-box {width:730px; }
#dialog-box .dialog-content,#twittload-box .twittload-content,#twittloadFinal-box .twittload-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:arial;
	font-size:11px; 
}

a.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #A5DFED;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

a.button:hover {
	background-color: #6894E5;	
	color: #fff;	
}

/* extra styling */
#dialog-box .dialog-content p,#twittload-box .twittload-content p,#twittloadFinal-box .twittload-content p {
	font-weight:700; margin:0; 
}
#dialog-box .dialog-content h2,#twittload-box .twittload-content h2,#twittloadFinal-box .twittload-content h2 {
	background:url(twitter.png) 0 3px no-repeat; padding-left:25px;
	font-size:18px; margin:0 0 10px;
	text-shadow: #fff 2px 2px 0;
}

#dialog-box .dialog-content ul,#twittload-box .twittload-content ul,#twittloadFinal-box .twittload-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
#twittload-box .twittload-content #Hipload-Result h2,#twittloadFinal-box .twittload-content #Hipload-Result h2 { background:none;}
#Hipload-Preview { position:relative;}

.TwittloadContent #Hipload-Preview img { float:none;padding: 3px; clear:both }
#previewImage { display:none; margin:20px auto 0; border:1px solid #000; }
#previewLoading { background:#fff url(images/loading.gif) center 50px no-repeat; left:33%;margin:30px auto; width:250px;  position:absolute;border:3px solid #999; cursor:wait;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; text-align: center; overflow: auto;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
#previewLoading span {
	 padding:170px 0 30px; font-size:30px;
	 display:block; color:#1E9FCB;
	text-shadow: #D2F1F8 1px 1px 0;
}
.downloadLink img { border:0;}
ul.downloadDetails { margin:0; padding:0; list-style:none; display:block; overflow:auto; font-size:11px; color:#666}
ul.downloadDetails a {color:#666}