/* RadUpload Common Styles */
.RadUpload {
width: 430px;
/*default*/
text-align: left; }
.RadUpload_rtl {
text-align: right; }
.RadUpload .ruInputs {
position: relative;
zoom: 1;
/*IE fix - removing items on the client*/ }
.RadUpload .ruInputs li {
margin: 0 0 5px; }
.RadUpload .ruInputs li.ruActions {
margin: 1.4em 0 0; }
.RadUpload .ruInputs {
list-style: none;
margin: 0;
padding: 0; }
.RadUpload .ruCheck {
top: 1px;
padding: 3px;
position: static;
zoom: 1; }
.RadUpload .ruFileWrap {
position: relative;
display: inline-block;
white-space: nowrap;
vertical-align: top;
line-height: 20px;
zoom: 1;
overflow: hidden !important;
height: 24px; }
.RadUpload_rtl .ruFileWrap {
padding-left: 0.8em;
padding-right: 0; }
/* handle rtl */
.ruRtlWrap {
position: absolute;
top: 0px;
left: 0px !important;
display: block; }
.ruFileWrap .ruRtlWrap input.ruFileInput {
position: static; }
/* end */
.RadAsyncUpload span.ruFileWrap {
padding-left: 0; }
* html .RadUpload .ruFileWrap {
top: -1px; }
/*IE6*/
* + html .RadUpload .ruFileWrap {
top: -1px; }
/*IE7*/
.RadUpload input.ruFileInput {
font: 100px monospace;
margin: 0;
padding: 0;
right: 0;
top: 0; }
.RadUpload .ruStyled .ruFileInput,
.RadUpload .ruFakeInput {
border-width: 1px;
border-style: solid;
line-height: 18px;
padding: 4px 4px 0 4px;
-moz-box-sizing: content-box;
/* Quirksmode height fix */
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruButton {
float: none;
vertical-align: top; }
.RadUpload .ruStyled .ruFileInput {
position: absolute;
z-index: 1;
opacity: 0;
/*Opera,Firefox*/
-moz-opacity: 0;
/*Firefox*/
filter: alpha(opacity=0);
/*IE*/ }
.RadUpload .ruReadOnly .ruFakeInput {
position: relative;
z-index: 2; }
.RadUpload .ruFakeInput {
height: 16px;
margin-right: -1px;
background-position: 0 -93px;
background-repeat: repeat-x;
background-color: #fff;
line-height: 20px\9;
/* IE8 Standards still broken + old hacks don't work */
height: 20px\9;
padding-top: 0\9; }
.RadAsyncUpload.RadUpload_rtl .ruFakeInput {
margin-right: 0; }
* html .RadUpload .ruFakeInput {
height: 20px;
margin-top: 0;
padding-top: 0;
padding-right: 0.5em;
line-height: 20px;
vertical-align: middle; }
* html .RadUpload_rtl .ruFakeInput {
margin-right: 0;
margin-left: 0; }
* + html .RadUpload .ruFakeInput {
height: 20px;
margin-top: -1px;
padding-top: 0;
padding-right: 0.5em;
line-height: 20px;
vertical-align: middle; }
/* */
.RadUpload .ruButton {
width: 79px;
height: 22px;
border: 0;
padding-bottom: 2px;
background-position: 0 -23px;
background-repeat: no-repeat;
background-color: transparent;
text-align: center; }
* + html .RadUpload .ruButton {
padding-bottom: 0; }
.RadUpload .ruBrowse {
margin-left: 4px;
width: 65px;
_height: 20px;
background-position: 0 0;
_vertical-align: middle; }
.RadUpload_rtl .ruBrowse {
margin-left: 0;
margin-right: 4px; }
.RadUpload .ruRemove {
overflow: visible;
border: 0;
background-position: 4px -70px;
width: auto;
padding-left: 16px;
cursor: pointer;
font-size: 10px; }
.RadUpload_rtl .ruCancel {
background-position: 100% -70px;
padding-left: 0;
padding-right: 14px;
margin-right: 4px; }
.RadUpload .ruCancel {
overflow: visible;
border: 0;
background-position: 4px -70px;
width: auto;
padding-left: 16px;
cursor: pointer;
font-size: 10px; }
.RadUpload_rtl .ruRemove {
background-position: 100% -70px;
padding-left: 0;
padding-right: 14px;
margin-right: 4px; }
.RadUpload .ruActions .ruButton {
width: 79px;
margin: 0 16px 0 0;
background-position: 0 -23px; }
.RadUpload_rtl .ruActions .ruButton {
margin: 0 0 0 16px; }
.RadUpload input[disabled],
.RadUpload .ruButtonDisabled {
-moz-opacity: 0.6;
/*Firefox*/
opacity: 0.6;
/*Opera,Firefox*/
filter: alpha(opacity=60);
/*IE*/ }
/* */
/* */
/* (use this class to style a single button for uploads) */
.RadUploadSubmit {
width: 115px;
height: 22px;
border: 0;
margin: 0;
padding: 0;
background-position: 0 -46px;
background-repeat: no-repeat;
background-color: transparent;
font: 11px/22px "Segoe UI", Arial, sans-serif;
text-align: center; }
/* */
/* */
/** Drop zone */
.ruDropZone {
padding: 10px;
width: 100%;
height: 100%;
border: 1px solid;
border-radius: 3px;
font-size: 18px;
text-align: center;
display: none;
position: absolute;
left: -11px;
top: -11px;
z-index: 2000; }
.ruDropZone span {
margin: -9px 0 0 0;
height: 18px;
width: 100%;
line-height: 1;
text-align: center;
position: absolute;
top: 50%;
left: 0; }
/* */
@media all and (-webkit-max-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
.RadUpload_rtl .ruRemove {
margin: 0 0 0 4px; }
.RadUpload_rtl .ruActions .ruButton {
margin: 0 16px 0 0; }
.RadUpload_rtl .ruBrowse {
margin: 0 0 0 3px; } }
/* */