﻿
.example 	
{
    font-family: verdana, arial, helvetica, sans-serif;font-size: 9px;
	padding: 0 20px;
	float: left;		
	width: 230px;
}
 
.wrapper {
	width: 118px;
	margin: 0 auto;
}
 
div.button {
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
	height: 19px;	
	width: 118px;
	background: url('../images/fileupload/fubutton.png') 0 0;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
}

/* We can't use ":hover" preudo-class because we have invisible file input above, so we have to simulate hover effect with javascript.  */
div.button.hover {
	background: url('../images/fileupload/fubutton.png') 0 34px;
}
#button2.hover, #button4.hover {
	text-decoration:underline;
}

#text 	
{
    margin: 25px; 
}
    
ul  
{
    list-style: none; 
}
