legend {
 font-family: Arial, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #F49F58; 
 text-shadow: 1px 1px 2px #161e56;}
 
fieldset {
 border: 1px solid #00ccff;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 -khtml-border-radius: 7px;}

#filedrag {
 display: none;
 font-weight: bold;
 text-align: center;
 padding: 1em 0;
 margin: 1em auto;
 color: #555;
 border: 2px dashed #F49F58;
 border-radius: 7px;
 cursor: default;
 background-color: #ffffff;
 width: 50%;}

#filedrag.hover {
 color: #f00;
 border-color: #f00;
 border-style: solid;
 box-shadow: inset 0 3px 4px #888;}

pre {
 width: 95%;
 height: 8em;
 font-family: Arial, sans-serif;
 font-size: 12pt;
 padding: 1px 2px;
 margin: 0 0 1em auto;
 border: 1px inset #ff0000;
 background-color: #eee;
 overflow: auto;}

#messages {
 padding: 0 10px;
 margin: 1em 0;}

#progress p {
 display: block;
 width: 240px;
 padding: 2px 5px;
 margin: 2px 0;
 border: 1px inset #446;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 -khtml-border-radius: 7px;
 background: #eee url("progress.png") 100% 0 repeat-y;}

#progress p.success{
 background: #0c0 none 0 0 no-repeat;}

#progress p.failed{
 background: #c00 none 0 0 no-repeat;}
 
.information {
 color: #ffffff;}
 
/* -------------------- BEGIN BROWSE BUTTON --------------------- */
.browse-button {
 width: 35%;
 height: 20px;
 background-color: #5a9de0; 
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a9de0), to(#3d5d8e)); /* Safari 4-5, Chrome 1-9 */  
 background: -webkit-linear-gradient(top, #5a9de0, #3d5d8e); /* Safari 5.1, Chrome 10+ */ 
 background: -moz-linear-gradient(top, #5a9de0, #3d5d8e); /* Firefox 3.6+ */ 
 background: -ms-linear-gradient(top, #5a9de0, #3d5d8e); /* IE 10 */ 
 background: -o-linear-gradient(top, #5a9de0, #3d5d8e); /* Opera 11.10+ */ 
 display: inline-block;
 text-align: center;
 /* font-family: 'Quicksand', sans-serif;
 font-style: normal;
 font-weight: normal;
 font-size: 12pt;
 color: #ffffff;
 letter-spacing: 0; */
 padding: 2px 0 2px 0;
 margin: 10px auto;
 border: 1px solid #3f3e42;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 -khtml-border-radius: 7px;
 -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
 
.browse-button:hover {
 background-color: #68b2fc; 
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68b2fc), to(#4970aa)); /* Safari 4-5, Chrome 1-9 */  
 background: -webkit-linear-gradient(top, #68b2fc, #4970aa); /* Safari 5.1, Chrome 10+ */ 
 background: -moz-linear-gradient(top, #68b2fc, #4970aa); /* Firefox 3.6+ */ 
 background: -ms-linear-gradient(top, #68b2fc, #4970aa); /* IE 10 */ 
 background: -o-linear-gradient(top, #68b2fc, #4970aa); /* Opera 11.10+ */ 
 border: 1px solid #747677;
 -o-transition:.2s; 
 -ms-transition:.2s; 
 -moz-transition:.2s; 
 -webkit-transition:.2s;
 transition:.2s;
 -webkit-box-shadow: 2px 2px 4px #888;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow: 2px 2px 4px #888;  /* Firefox 3.5 - 3.6 */
 box-shadow: 2px 2px 4px #888;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
 
.browse-button:active {
 background-color: #7b9292; 
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b9292), to(#556666)); /* Safari 4-5, Chrome 1-9 */  
 background: -webkit-linear-gradient(top, #7b9292, #556666); /* Safari 5.1, Chrome 10+ */ 
 background: -moz-linear-gradient(top, #7b9292, #556666); /* Firefox 3.6+ */ 
 background: -ms-linear-gradient(top, #7b9292, #556666); /* IE 10 */ 
 background: -o-linear-gradient(top, #7b9292, #556666); /* Opera 11.10+ */ 
 -o-transition:.2s; 
 -ms-transition:.2s; 
 -moz-transition:.2s; 
 -webkit-transition:.2s;
 transition:.2s;
 border: 1px solid #747677;
 text-shadow: 2px 2px 4px #16562d;
 color: #FC0;}
/* -------------------- END BROWSE BUTTON --------------------- */