/* wordt opgeroepen voor het uploaden van foto's */

td {
 vertical-align: top;
 }

.block.videoupload .body p {
 clear: both;
 }

.progressWrapper {
 width: 200px;
 overflow: hidden;
 color: white;
 clear:both;
 }

.progressContainer {
 margin: 5px;
 padding: 4px;
 border: solid 1px #db4b50;
 background-color: #db4b50;
 overflow: hidden;
 }

/* Message */

.message {
 margin: 1em 0;
 padding: 10px 20px;
 border: solid 1px #db4b50;
 background-color:#db4b50;
 overflow: hidden;
 }

/* Error */

.red {
 border: solid 1px #db4b50;
 background-color: #db4b50;
 }

/* Current */
 .green {
 border: solid 1px #db4b50;
 background-color: #db4b50;
 }

/* Complete */

.blue {
 border: solid 1px #db4b50;
 background-color: #db4b50;
 }

.progressName {
 font-size: 8pt;
 font-weight: 700;
 color: #555;
 width: 323px;
 height: 14px;
 text-align: left;
 white-space: nowrap;
 overflow: hidden;
 }

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
 font-size: 0;
 width: 0%;
 height: 2px;
 background-color: blue;
 margin-top: 2px;
 }

.progressBarComplete {
 width: 100%;
 background-color: green;
 visibility: hidden;
 }

.progressBarError {
 width: 100%;
 background-color: red;
 visibility: hidden;
 }

.progressBarStatus {
 margin-top: 2px;
 width: 337px;
 font-size: 7pt;
 font-family: Arial;
 text-align: left;
 white-space: nowrap;
 }

a.progressCancel {
 font-size: 0;
 display: block;
 height: 14px;
 width: 14px;
 background-image: url(../images/cancelbutton.gif);
 background-repeat: no-repeat;
 background-position: -14px 0px;
 float: right;
 }

a.progressCancel:hover {
 background-position: 0px 0px;
 }