/* 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: 0;
  left: 0 !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; }

/* <buttons> */
.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: 7px -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: 7px -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*/ }

/* </buttons> */
/* <submit button> */
/* (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; }

/* </submit button> */
/* <progress area> */
/* <RadAsyncUpload additional styles> */
.RadUpload .ruUploadProgress {
  padding-left: 18px;
  display: block;
  background: transparent url('Images/Telerik/Common/Upload/AsyncProgress.gif') no-repeat 0 50%; }

.RadUpload_rtl .ruUploadProgress {
  padding-left: 0;
  padding-right: 18px;
  background-position: 100% 50%; }

.RadUpload .ruUploadSuccess,
.RadUpload .ruUploadFailure,
.RadUpload .ruUploadCancelled {
  background-image: url('Images/Telerik/Common/Upload/AsyncStates.png');
  background-repeat: no-repeat;
  background-color: transparent; }

.RadUpload .ruFileRemoved {
  height: 0;
  margin-bottom: 0; }

.RadUpload .ruUploadSuccess {
  background-position: 0 18%; }

.RadUpload_rtl .ruUploadSuccess {
  background-position: 100% 18%; }

.RadUpload .ruUploadFailure,
.RadUpload .ruUploadCancelled {
  background-position: 0 80%; }

.RadUpload_rtl .ruUploadFailure,
.RadUpload_rtl .ruUploadCancelled {
  background-position: 100% 80%; }

.RadUpload .ruFileWrap .ruUploadInvalid {
  border-color: #d51923;
  color: #d51923; }

/* Inline progress */
.RadUpload .ruFileProgress,
.RadUpload .ruFileProgressWrap {
  display: block;
  height: 5px;
  background-repeat: repeat-x;
  background-color: transparent; }

* html .RadUpload .ruFileProgress,
* html .RadUpload .ruFileProgressWrap {
  line-height: 5px;
  font-size: 4px;
  height: auto; }

.RadUpload .ruFileProgress {
  margin-left: -2px;
  width: 2px; }

* html .RadUpload .ruFileProgress {
  position: relative; }

.RadUpload_rtl .ruFileProgress {
  margin-left: 0;
  margin-right: -2px; }

.RadUpload .ruFileProgressWrap {
  margin: -3px 0 0;
  position: relative;
  width: 100%; }

* + html .RadUpload .ruFileProgressWrap {
  width: auto;
  margin-top: -4px; }

* html .RadUpload .ruFileProgressWrap {
  width: auto;
  margin-top: -4px; }

.RadUpload .ruProgressComplete,
.RadUpload .ruUploadFailure .ruFileProgressWrap,
.RadUpload .ruUploadCancelled .ruFileProgressWrap {
  display: none; }

/* </RadAsyncUpload additional styles> */
/* </progress area> */
/** 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; }

/* <hacks for opera/rtl> */
@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; } }
/* </hacks for opera/rtl> */


/* RadUpload / Vista skin */
/* <general styles> */
.RadUpload_EHB,
.RadUpload_EHB a,
.RadUpload_EHB input {
  font: normal 11px/11px "Segoe UI", Arial, sans-serif; }

/* </general styles> */
/* <file inputs> */
.RadUpload_EHB .ruStyled .ruFileInput {
  border-color: #abadb3; }

.RadUpload_EHB .ruFakeInput {
  border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
  color: #000; }

* html .RadUpload_EHB .ruFileWrap .ruInputHover {
  border-color: #abadb3; }

* + html .RadUpload_EHB .ruFileWrap .ruInputHover {
  border-color: #abadb3; }

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

/* </file inputs> */
/* <buttons> */
.RadUpload_EHB .ruButton {
  background-image: url('Upload/ruSprite.png');
  color: #1e395b; }

* html .RadUpload_EHB .ruButton {
  background-image: url('Upload/ruSpriteIE6.png'); }

.RadUpload_EHB .ruRemove {
  color: #5a6779; }

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

div.RadUpload_EHB .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; }

* html .RadUploadSubmit {
  background-image: url('Upload/ruSpriteIE6.png'); }

/* </submit button> */
/* <RadAsyncUpload> */
.RadUpload_EHB .ruUploadInvalid {
  background-repeat: no-repeat;
  background-position: 100% -297px;
  background-image: url('Input/sprite.gif'); }

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

.RadUpload_EHB .ruFileProgress,
.RadUpload_EHB .ruFileProgressWrap {
  background-image: url('Upload/AsyncProgress.png'); }

.RadUpload_EHB .ruFileProgress,
.RadUpload_EHB_rtl .ruFileProgressWrap {
  background-position: 0 0; }

.RadUpload_EHB .ruFileProgressWrap,
.RadUpload_EHB_rtl .ruFileProgress {
  background-position: 100% 0; }

.RadUpload_EHB .ruProgressStarted,
.RadUpload_EHB_rtl .ruProgressComplete {
  background-position: 0 -5px; }

.RadUpload_EHB .ruProgressComplete,
.RadUpload_EHB_rtl .ruProgressStarted {
  background-position: 100% -5px; }

/* </RadAsyncUpload> */
.RadUpload_EHB .ruDropZone,
.RadUpload_EHB_rtl .ruDropZone {
  border-color: #dfe7f1;
  color: #5a6779;
  background-color: #f1f5fb; }