#hd { text-align: center; }
#hd h1 { font-size: 197%; font-weight: bold; color: #336699; margin-top: 20px; }

#bd { text-align: center; padding: 20px 10px; }

button { padding: 5px 10px 6px 30px; font-size: 161.6%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; background: #f5f5f5 no-repeat 10px; }
button:active { background-color: #6299c5; }
button:hover { background-color: #dff4ff; color: #336699; }

/*
#browse { background-image: url(http://tivac.com/images/silk/picture_add.png); }
#upload { background-image: url(http://tivac.com/images/silk/picture_save.png); }
#cancel { background-image: url(http://tivac.com/images/silk/cancel.png); }
*/
#upload, #cancel{ display: none; margin-left: auto; margin-right: auto; }

#uploader { width: 0; height: 0; }

#files { text-align: left; margin: 20px 0; padding: 10px 0; overflow: hidden; }
#files li { margin: 5px 10px; padding: 0 0 5px 20px; /* cursor: pointer; */ } /* background: url(/images/uploader/picture.png) no-repeat;  */
/* #files li:hover { background: url(/images/uploader/cross.png) no-repeat; } */
#files li div { vertical-align: middle; width: 100%; height: 20px; padding: 0 0 0 10px; background: url(/images/uploader/progress.png) repeat-y -688px 0; }

#files li.uploaded { overflow: hidden; cursor: auto; }
/* #files li.uploaded:hover { background-image: url(/images/uploader/picture.png); }*/ 
#files li.uploaded a { float: left; }
#files li.uploaded div { float: left; width: 450px; }
#files li.uploaded div p { margin-bottom: 5px; }
#files li.uploaded div p label { font-weight: bold; float: left; width: 6.9em; margin-right: .5em; text-align: right; }
#files li.uploaded div p input { width: 330px; }

#upload_skeleton, #file_skeleton { display: none; }