﻿
 /* RadUpload / Marketing skin */

/* <general styles> */

.RadUpload,
.RadUpload a,
.RadUpload input,
.RadUploadProgressArea,
.RadUploadProgressArea input
{
      
}

/* </general styles> */

/* <file inputs> */

.RadUpload .ruStyled .ruFileInput
{
    border-color: #768ca5;
}

.RadUpload .ruFakeInput
{
    border-color: #768ca5;
    color: #4b4b4b;
}
* html .RadUpload .ruFileWrap .ruInputHover { border-color: #a6bcd5; }
*+html .RadUpload .ruFileWrap .ruInputHover { border-color: #a6bcd5; }

.RadUpload .ruReadOnly .ruFakeInput
{
	background: #f3f3f3;
}

/* </file inputs> */

/* <buttons> */

.ruFileWrap
{
	padding-top:5px! important;
	top:2px;
	}

.RadUpload .ruButton,
.RadUploadProgressArea .ruButton
{
	background:transparent url(images/ButtonBgKey.gif) scroll 100%! important;
    color: #0d202b! important;
    width:95px ! important;
    background-color:#cbcdd0! important;
    border-bottom-style:none! important;
    border-width:0px! important;
    height:28px! important;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif! important;
    font-size:100%! important;
    line-height:150%! important;
    text-decoration:none! important;
    font-weight:bold! important;
    color:#0d0d0d! important;
    cursor:pointer! important;
    padding:0px 3px 3px 0px! important;
   
	background-repeat:no-repeat! important;
	background-position:top! important;
	margin-top:-2px;
}

.RadUpload .ruRemove
{
	color: #6e6e6e;
}

div.RadUpload .ruInputs .ruButtonHover,
div.RadUpload .ruActions .ruButtonHover,
div.RadUploadProgressArea .ruActions .ruButtonHover
{
   
}

div.RadUpload .ruFileWrap .ruButtonHover
{
    background-position: 100% 0;
    color: #0e3d4f;
}

/* </buttons> */

/* <submit button> */
/* (use this class to style a single button for uploads) */

.RadUploadSubmit
{
    background-image: url('Upload/ruSprite.png');
    color: #0d202b;
}

/* </submit button> */

/* <progress area> */

.RadUploadProgressArea .ruProgress
{
    border-color: #768ca5;
    background-image: url('Upload/ruProgressArea.png');
    background-color: #fff;
}

.RadUploadProgressArea ul.ruProgress
{
    background-position: 100% 0;
}

.RadUploadProgressArea .ruProgress li
{
    color: #222;
}

.RadUploadProgressArea .ruProgress li.ruCurrentFile
{
    color: #222;
}

.RadUploadProgressArea .ruProgress li.ruCurrentFile span
{
    color: #23a10c;
}

.RadUploadProgressArea .ruProgress .ruBar
{
    border-color: #757c84;
    background-image: url('Upload/ruSprite.png');
}
 
.RadUploadProgressArea .ruProgress .ruBar div
{
    background-image: url('Upload/ruProgress.gif');
	border-right: 1px solid #23a10c;
}

.RadUploadProgressArea_rtl .ruProgress .ruBar div
{
	border-right: 0;
	border-left: 1px solid #23a10c;
    background-image: url('Upload/ruProgress.gif');
}
 
.RadUploadProgressArea .ruProgress .ruActions
{
	border-top-color: #d3dde4;
	background: #f0f2f4;
}

/* </progress area> */

/* <RadAsyncUpload> */

.RadUpload .ruUploadProgress
{
	background-image: url('Upload/AsyncProgress.gif');
}

.RadUpload .ruUploadSuccess,
.RadUpload .ruUploadFailure
{
	background-image: url('Upload/AsyncStates.png');
}

.RadUpload .ruUploadInvalid
{
    background-repeat: no-repeat;
    background-position: 100% -297px;
    background-image: url('Input/sprite.gif');
}

.RadUpload_rtl .ruUploadInvalid
{
    background-position: 3px -297px;
}

/* </RadAsyncUpload> */
