/* -- Upload Styles ------------------------------- */

.upload {font-size:1.1em;}

.upload a
{
	/*width: 323px;*/
	height: 18px;
	vertical-align:middle;
	padding-left:20px;	
}

.actionBar {padding:5px; border:1px solid #ccc; margin-bottom:20px;}


#Attachform .thumbnails {}
#Attachform .thumbnails a img {padding-left:0; width:auto; height:50px;}
#Attachform .thumbnails img {padding-left:20px; width:auto; height:50px;}



p#totalFilesUploaded {font-weight:bold; margin-bottom:10px; padding:5px; 
border:1px solid #ccc; background-color:#dee1fe;}

.upload div.flash {
	/* width: 375px; */
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}
.upload .progressWrapper {
	/*width: 357px;*/
	overflow: hidden;
}

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


.thumbnails {width:120px; float:left;}
.fileinfo {margin-left:160px; width:430px;}
.fileinfo label {font-weight:bold; width:180px; display:block; float:left; margin-bottom:5px;}
.fileinfo input {width:220px; margin-bottom:5px; font-size:1em;}
.fileinfo input.checkbox {width:20px;}
.fileinfo textarea {width:220px; margin-bottom:5px; font-family:Tahoma; font-size:1em;}
.fileinfo select {border:1px solid #ccc; width:220px; margin-bottom:5px;}

.viewattachment {margin-top:5px;}
.viewattachment .thumbnails {width:60px; float:left; clear:both; height:40px;}
.viewattachment .fileinfo {margin-left:80px; width:400px; height:40px;}

/* Message */
.upload .message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.upload .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

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

/* Complete */
.upload .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.upload .progressName
{
	font-weight:bold;
	font-size:1.1em;
	color: #555;
	/*width: 323px;*/
	height: 14px;
	white-space: nowrap;
	overflow: hidden;
	visibility: visible;
}

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

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

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

.upload .progressBarStatus {
	margin:10px 0 10px 0;
	background-color:#cf9;
	padding:5px;
	/*width: 337px;*/
	white-space: nowrap;
}

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

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


.upload .swfupload {
	vertical-align: top;
    /*visibility :hidden;*/
} 


.upload #saveuploaded, #clearFile, #assignFolder
{
	visibility: hidden;
}
.upload #createFolder label
{
	font-weight:bold; width:250px; padding:3px; vertical-align:top;	
}

.upload #createFolder
{
	margin:5px;
	padding:10px;
	border:solid 1px #ccc;
	background-color:#fffee1;/*#EBFFEB;*/

}

.upload #createFolder h3 {margin:-10px 0 0 0;}
.upload #createFolder p {margin:10px 0 10px 0;}
.upload #createFolder label {display:block; margin-top:3px;}
.upload #createFolder .dropdown {width:150px; border:1px solid #ccc;}
.upload #createFolder input {width:150px;}

.upload a.createFolderCancel
{
	font-size: 0;
	display: block;
	height: 14px;
	width: 7px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	margin-left: 660px;
	margin-bottom: 15px;
}
.upload a.createFolderCancel:hover {
	background-position: -14px 0px;
}