/* RadUpload / WebBlue skin */

/* <general styles> */

.RadUpload_Metro,
.RadUpload_Metro a,
.RadUpload_Metro input,
.RadUploadProgressArea_Metro,
.RadUploadProgressArea_Metro input
{
	font: normal 11px/10px "Segoe UI", Arial, sans-serif;
        margin-top:5px;
}

/* </general styles> */

/* <file inputs> */

.RadUpload_Metro .ruStyled .ruFileInput
{
	border-color: #e5e5e5;
}

.RadUpload_Metro .ruFakeInput
{
	border-color: #e5e5ee;
	color: #767676;
    height:21px!important;
}
* html .RadUpload_Metro .ruFileWrap .ruInputHover { border-color: #cccccc; }
* + html .RadUpload_Metro .ruFileWrap .ruInputHover { border-color: #cccccc; }

.RadUpload .ruFileWrap 
{
    height:32px!important;
}

.ruFileWrap > span {
    margin-top:9px;
    font-size:13px;
}

.RadUpload_Metro .ruReadOnly .ruFakeInput
{
	background: #ffffff;
    height:50px!important;
}

/* </file inputs> */

/* <buttons> */

div.RadUploadSubmit,
div.RadUpload_Metro .ruButton,
div.RadUploadProgressArea_Metro .ruButton
{
	color: #ffffff;
	background-color: #78bb3d;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 65px 3px 30px;
    height: 27px!important;
    text-align: center;
    text-decoration: none;
    background-image:url(/Images/24/folder.png);
    background-size: 18px;
    background-position-x:6px;
    background-position-y:4px;
    font-size:13px;
    cursor:pointer!important;
}

div.RadUpload_Metro .ruRemove
{
	color: #fff;
	background-color:transparent;
	background-image:url(/Images/24/delete.png);
	border: 0;
    float:left;
    width:10px;
    margin-right:-50px;
}

div.RadUpload_Metro .ruInputs .ruButtonHover,
div.RadUpload_Metro .ruActions .ruButtonHover,
div.RadUpload_Metro .ruFileWrap .ruButtonHover,
div.RadUploadProgressArea_Metro .ruActions .ruButtonHover
{
	color: #000000;
	background-color: #e5e5e5;
}

/* </buttons> */

/* <progress area> */

.RadUploadProgressArea_Metro .ruProgress
{
	border-color: #e5e5e5;
	background-image: url("Upload/ruSprite.png");
	background-color: #ffffff;
}

.RadUploadProgressArea_Metro .ruProgress li
{
	color: #767676;
}

.RadUploadProgressArea_Metro li.ruProgressHeader
{
	color: #767676;
}

.RadUploadProgressArea_Metro .ruProgress li.ruCurrentFile
{
	color: #767676;
}

.RadUploadProgressArea_Metro .ruProgress li.ruCurrentFile span
{
	color: #767676;
}

.RadUploadProgressArea_Metro .ruProgress .ruBar
{
	border-color: #25a0da;
}
 
.RadUploadProgressArea_Metro .ruProgress .ruBar div
{
	background-image: url("Upload/ruProgress.gif");
	border-right: 1px solid #25a0da;
}

.RadUploadProgressArea_Metro_rtl .ruProgress .ruBar div
{
	border-right: 0;
	border-left: 1px solid #25a0da;
	background-image: url("Upload/ruProgress.gif");
}
 
.RadUploadProgressArea_Metro .ruProgress .ruActions
{
	border-top-color: #e5e5e5;
	background-color: #e5e5e5;
}

/* </progress area> */

/* <RadAsyncUpload> */

.RadUpload_Metro .ruUploadInvalid
{
	background-repeat: no-repeat;
	background-position: 100% -297px;
	background-image: url("Input/sprite.gif");
}

.RadUpload_Metro_rtl .ruUploadInvalid
{
	background-position: 3px -297px;
}

.RadUpload_Metro span.ruFileProgressWrap
{
	background-color: #e5e5e5;
}

.RadUpload_Metro span.ruFileProgress,
.RadUpload_Metro span.ruProgressComplete
{
	background-color: #25a0da;
}

/* </RadAsyncUpload> */

.ruCancel {
    padding: 0px 16px;
}