/* !!! CSS Changes for Special DeDeContent Upload Styles only set in separate area at the bottom  !!! (Original RadSkin "Default") */

/* <general styles> */

.RadUpload_DeDeContent,
.RadUpload_DeDeContent a,
.RadUpload_DeDeContent input,
.RadUploadProgressArea_DeDeContent,
.RadUploadProgressArea_DeDeContent input {
    font: normal 11px/10px "Segoe UI", Arial, sans-serif;
}

/* </general styles> */

/* <file inputs> */

.RadUpload_DeDeContent .ruStyled .ruFileInput {
    border-color: #abadb3;
}

.RadUpload_DeDeContent .ruFakeInput {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    color: #333;
}
* html .RadUpload_DeDeContent .ruFileWrap .ruInputHover { border-color: #abadb3; }
*+html .RadUpload_DeDeContent .ruFileWrap .ruInputHover { border-color: #abadb3; }

.RadUpload_DeDeContent .ruReadOnly .ruFakeInput {
	background: #f3f3f3;
}

/* </file inputs> */

/* <buttons> */

.RadUpload_DeDeContent .ruButton,
.RadUploadProgressArea_DeDeContent .ruButton {
    background-image: url('Upload/ruSprite.png');
    color: #000;
}

.RadUpload_DeDeContent .ruRemove {
	color: #333;
}

div.RadUpload_DeDeContent .ruInputs .ruButtonHover,
div.RadUpload_DeDeContent .ruActions .ruButtonHover,
div.RadUploadProgressArea_DeDeContent .ruActions .ruButtonHover {
    background-position: 100% -23px;
}

div.RadUpload_DeDeContent .ruFileWrap .ruButtonHover {
    background-position: 100% 0;
}

/* </buttons> */

/* <submit button> */
/* (use this class to style a single button for uploads) */

.RadUploadSubmit {
    background-image: url('Upload/ruSprite.png');
    color: #000;
}

/* </submit button> */

/* <progress area> */

.RadUploadProgressArea_DeDeContent .ruProgress {
    border-color: #868686;
    background-image: url('Upload/ruSprite.png');
    background-color: #fff;
}

.RadUploadProgressArea_DeDeContent .ruProgress li {
    color: #666;
}

.RadUploadProgressArea_DeDeContent .ruProgress li.ruCurrentFile {
    color: #222;
}

.RadUploadProgressArea_DeDeContent .ruProgress .ruBar
{
    border-color: #b1b1b1 #a2a2a2 #8e8e8e;
    background-image: url('Upload/ruSprite.png');
}
 
.RadUploadProgressArea_DeDeContent .ruProgress .ruBar div
{
    background-image: url('Upload/ruProgress.gif');
}

.RadUploadProgressArea_DeDeContent_rtl .ruProgress .ruBar div {
    background-image: url('Upload/ruProgress.gif');
}
 
.RadUploadProgressArea_DeDeContent .ruProgress .ruActions {
	border-top-color: #dfdfdf;
	background: #f0f0f0;
}

.RadUploadProgressArea_DeDeContent .ruProgress .ruActions {
	border-top-color: #828282;
	background: #f0f0f0;
}

/* </progress area> */

/* <RadAsyncUpload> */

.RadUpload_DeDeContent .ruUploadProgress {
	background-image: url('Upload/AsyncProgress.gif');
}

.RadUpload_DeDeContent .ruUploadSuccess,
.RadUpload_DeDeContent .ruUploadFailure {
	background-image: url('Upload/AsyncStates.png');
}

.RadUpload_DeDeContent .ruUploadInvalid {
    background-repeat: no-repeat;
    background-position: 100% -297px;
    background-image: url('Input/sprite.gif');
}

.RadUpload_DeDeContent_rtl .ruUploadInvalid {
    background-position: 3px -297px;
}

/* </RadAsyncUpload> */










/* !!! Special DeDeContent Upload Styles !!! --------------------------------------------*/

.RadUpload_DeDeContent,
.RadUploadProgressArea_DeDeContent {
	padding-bottom: 15px;
	width: 100% !important;
	margin-left: -10px !important;
}

.RadUploadProgressArea_DeDeContent {
	margin-bottom: 20px !important;
}

/*.ruInputs {
	width: 100% !important;
	
}
*/

.ruInputs li {
	border-bottom: 0px dashed #bfd8fb !important;
	padding: 10px 5px 5px 5px !important;
}

.ruFakeInput,
.ruUploadProgress {
	display: inline-block !important;
	margin-right: 25px !important;
	padding-left: 20px !important;
}

.ruFakeInput {
	margin-top: 3px !important;
}

.ruRemove {
	display: inline-block !important;
	margin: 0px !important;
	padding-left: 20px !important;
		background-image: url('Upload/bin_empty.png');
		background-position: left;
		background-repeat: no-repeat;
}

.RadUpload_DeDeContent input.ruRemove {
	color: #64b0ff;
	font: normal 11px/10px "Segoe UI", Arial, sans-serif;
}

/*.ruFileWrap
.ruFileWrap .ruStyled,
.ruFileWrap .ruStyled div {
	display: inline-block !important;
	height: 27px !important;
	width: auto !important;
	margin: 5px 0 10px 0 !important;
	padding: .5em 2em .55em !important;
	z-index:150;
}*/

/* ----------------------------------------- Formular Buttons Blue 

.RadUpload_DeDeContent .ruBrowse,
.RadUploadProgressArea_DeDeContent .ruBrowse,
.RadUpload .ruBrowse, 
.RadUploadProgressArea .ruBrowse {
	
	* Button Master-Style *
	display: inline-block !important;
	outline: none !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	font: 12px/100% Arial, Helvetica, sans-serif !important;
	padding: .5em 2em .55em !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	white-space: normal !important;
	margin: 0 5px 10px 0 !important;
	
	*Button "Standard" Style ff. from Default CSS *
	border:1px solid #0076A3 !important;
	color:#D9EEF7 !important;
	background-color: #0092c9 !important;
	background: -moz-linear-gradient(center top , #00ADEE, #0078A5) repeat scroll 0 0 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5)) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5') !important;
}*/

/* ----------------------------------------- Formular Buttons White */

.RadUpload_DeDeContent .ruBrowse,
.RadUploadProgressArea_DeDeContent .ruBrowse,
.RadUpload .ruBrowse, 
.RadUploadProgressArea .ruBrowse,
.RadUpload_DeDeContent .ruButton .ruBrowse,
.RadUploadProgressArea_DeDeContent .ruButton .ruBrowse {
	background-image: none !important;
	/* Button Master-Style */
	display: inline-block !important;
	outline: none !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	font: 12px/100% Arial, Helvetica, sans-serif !important;
	padding: .3em 2em .45em !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
	-webkit-border-radius: .5em !important;
	-moz-border-radius: .5em !important;
	border-radius: .5em !important;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	white-space: normal !important;
	/*margin: 0 5px 10px 0 !important;*/
	
	/*Button "White" Style ff. from Default CSS */
	color: #606060 !important;
	background-color: #FF0000 !important; /*Button "White" Style ff. */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)) !important;
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc') !important;
	border: 1px solid #a6a6a6 !important;	
	
	/*Button "White" Style ff. for Upload */
	line-height: auto !important;
	width: auto !important;
	margin: 3px 0 10px 0 !important;
}

/* Pseudoclass Firefox & Safari > Button > Textposition */
:root .RadUpload_DeDeContent .ruBrowse,
:root .RadUploadProgressArea_DeDeContent .ruBrowse,
:root .RadUpload .ruBrowse, 
:root .RadUploadProgressArea .ruBrowse {
	padding: .2em 2em .45em !important;
	
	/*Button "White" Style ff. from Default CSS */
	color: #606060 !important;
	background-color: #FF0000 !important; /*Button "White" Style ff. */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)) !important;
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc') !important;
	border: 1px solid #a6a6a6 !important;	
	
	/*Button "White" Style ff. for Upload */
	line-height: auto !important;
	width: auto !important;
	margin: 3px 0 10px 0 !important;
}

.RadUpload_DeDeContent .ruBrowse:hover,
.RadUploadProgressArea_DeDeContent .ruBrowse:hover {
	color: #fff !important;
	text-decoration: none !important;
	background: #f47c20 !important; /*Button "Standard" Style ff. */
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)) !important;
	background: -moz-linear-gradient(top,  #f88e11,  #f06015) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015') !important;
	border: 1px solid #db570b !important;	
}

.RadUpload_DeDeContent .ruBrowse:active {
	position: relative;
	top: 1px;
}

.RadUpload_DeDeContent .ruButton,
.RadUploadProgressArea_DeDeContent .ruButton {
    background-image: none !important;
    color: #000;
}