form.mwe-upwiz-form {
	display: inline;
}

#upload-wizard {
	margin-top: 18px;
	min-width: 750px; /* width of tutorial.png plus padding */
	max-width: 900px; /* wild guess */
}

#mwe-upwiz-steps {
	margin: 0;
	padding: 0;
	font-size: 0.96em;
	line-height: 1.3;
	background-color: #fff;
	border: 0;
}

#mwe-upwiz-steps li {
	color: #54595d;
	margin-right: -1px;
	border-color: #a7d7f9;
	border-style: solid;
	border-width: 1px 0;
}

#mwe-upwiz-steps li:first-child {
	border-left-width: 1px;
}

#mwe-upwiz-steps li:last-child {
	border-right-width: 1px;
}

#mwe-upwiz-steps li.head {
	color: #000;
}

.mwe-upwiz-clearing {
	clear: left;
	width: 100%;
}

#mwe-upwiz-content {
	padding: 1em;
}

#mwe-upwiz-upload-ctrl-flickr-container {
	display: inline-block;
}

.mwe-upwiz-add-files-0 #mwe-upwiz-upload-ctrl-flickr-container {
	display: block;
}

.mwe-upwiz-add-files-0,
#mwe-upwiz-files {
	margin-top: 3em;
	margin-bottom: 1em;
}

.mwe-upwiz-add-files-0 {
	text-align: center;
}

.mwe-upwiz-add-files-0 #mwe-upwiz-add-file {
	font-size: large;
}

#mwe-upwiz-add-file .oo-ui-buttonElement-button {
	position: relative;
	overflow: hidden;
}

#mwe-upwiz-add-file .oo-ui-buttonElement-button .mwe-upwiz-file-input {
	position: absolute;
	margin: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
	/* Push the button part of the native control out of view, as it changes the cursor */
	padding-top: 100px;
}

.mwe-upwiz-file.filled {
	position: relative;
}

.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
	background: #f8f9fa;
}

.mwe-upwiz-file-indicator,
.mwe-upwiz-count {
	float: right;
	margin-left: 0.5em;
	padding: 0.5em;
}

.mwe-upwiz-visible-file .mwe-upwiz-file-indicator {
	visibility: hidden;
}

.mwe-upwiz-visible-file {
	display: none;
	position: relative;
	z-index: 2;
	width: 100%; /* of containing mwe-upwiz-file */
	overflow: hidden;
}

.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
	background: #e0f0ff !important; /* stylelint-disable-line declaration-no-important */
}

#mwe-upwiz-files {
	margin-right: 8em;
	margin-left: 8em;
}

.mwe-upwiz-file.filled .mwe-upwiz-visible-file {
	display: block;
}

.mwe-upwiz-visible-file-filename {
	padding: 0.5em;
	margin-right: 40px;
	overflow: hidden;
}

#mwe-upwiz-filelist {
	/* We rely on the margin collapsing with that on #mwe-upwiz-files */
	margin-top: 3em;
}

.mwe-upwiz-filled-filelist {
	border: 1px solid #c8ccd1;
}

.mwe-upwiz-file-status {
	display: none;
	color: #72777d;
}

.mwe-upwiz-file-status-line ul {
	margin-top: 0;
	margin-bottom: 0;
}

.mwe-upwiz-file-preview {
	float: left;
	height: 100px;
	width: 100px;
	padding: 0.5em;
	border: 1px solid #eaecf0;
	margin-right: 1em;
	text-align: center;
	/* @embed */
	background: url( images/32px-Blank-document.svg.png ) no-repeat center center;
}

.mwe-upwiz-file-texts {
	/* This also create a new block formatting context, resulting in the the whole block
	   displaying next to image thumbnail, rather than wrapping the lines of text around it */
	overflow: hidden;
}

.mwe-upwiz-file-preview-broken {
	/* @embed */
	background: url( images/32px-Blank-document-broken.svg.png ) no-repeat center center !important; /* stylelint-disable-line declaration-no-important */
}

.mwe-upwiz-add-files-n {
	float: left;
}

#mwe-upwiz-add-file-container.mwe-upwiz-add-files-n,
.mwe-upwiz-progress-bar-etr {
	width: 300px;
}

.mwe-upwiz-patent-rights .oo-ui-panelLayout .oo-ui-panelLayout:not( :last-child ) {
	box-shadow: 0 1em 1px -1em #bbb;
}

.mwe-upwiz-patent-rights-filelist {
	display: block;
	text-align: center;
	box-shadow: 0 0 1px 0 #bbb;
}

.mwe-upwiz-patent-weapon-policy {
	margin-top: 1em;
	padding: 0 1em 0 calc( 32px + 2em );
	border: 1px solid #c8ccd1;
	white-space: pre-wrap;
	/* @embed */
	background: #f2f4f7 url( images/no-weapons.svg ) no-repeat 1em 1em;
	background-size: 32px 32px;
}

/* Flickr Interface CSS*/

#mwe-upwiz-upload-ctr-divide {
	display: block;
	font-size: 1.3em;
}

#mwe-upwiz-flickr-input {
	display: inline-block;
	position: relative;
	font-size: 1.2em;
	width: 250px;
	padding: 4px;
}

#mwe-upwiz-upload-add-flickr-container {
	text-align: center;
}

#mwe-upwiz-flickr-select-list-container {
	margin: 0 auto;
	display: none;
	text-align: center;
}

#mwe-upwiz-flickr-select-list {
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}

#mwe-upwiz-flickr-select-list .oo-ui-checkboxMultioptionWidget {
	margin: 6px;
	padding: 1px;
	float: left;
	display: block;
}

#mwe-upwiz-flickr-select-list img {
	width: 75px;
	height: 75px;
}

#mwe-upwiz-flickr-disclaimer {
	background-color: #eaf3ff;
	font-size: 92%;
	margin: 1em 0;
	padding: 0.5em;
}

.filled + .filled {
	border-top: 1px solid #c8ccd1;
}

#mwe-upwiz-upload-ctrls {
	margin-top: 1em;
}

#mwe-upwiz-stepdiv-file .mwe-upwiz-buttons .mwe-upwiz-file-endchoice {
	display: none;
}

.mwe-upwiz-file-indicator {
	height: 40px;
	width: 40px;
}

#mwe-upwiz-flickr-select-list img,
.mwe-upwiz-status-progress {
	/* @embed */
	background: url( images/24px-spinner-0645ad.gif ) no-repeat center center;
}

.mwe-upwiz-file.odd .mwe-upwiz-status-progress {
	/* @embed */
	background: url( images/24px-spinner-0645ad-f5f5f5.gif ) no-repeat center center;
}

.mwe-upwiz-file:hover .mwe-upwiz-status-progress {
	/* @embed */
	background: url( images/24px-spinner-0645ad-e0f0ff.gif ) no-repeat center center;
}

.mwe-upwiz-status-stashed,
.mwe-upwiz-status-uploaded {
	/* @embed */
	background: url( images/32px-check.png ) no-repeat center center;
}

.mwe-upwiz-license-icon {
	height: 18px;
	margin-left: 6px;
	padding: 9px;
	width: 18px;
}

.mwe-upwiz-cc-zero-icon {
	/* @embed */
	background: url( images/18px-Cc-zero.svg.png ) no-repeat center center;
}

.mwe-upwiz-cc-sa-icon {
	/* @embed */
	background: url( images/18px-Share_Alike.svg.png ) no-repeat center center;
}

.mwe-upwiz-cc-by-icon {
	/* @embed */
	background: url( images/18px-Cc-by_new_white.svg.png ) no-repeat center center;
}

.mwe-upwiz-status-error {
	/* @embed */
	background: url( images/32px-alert.png ) no-repeat center center;
	font-weight: bold;
	color: #d33;
}

.mwe-upwiz-progress {
	margin-top: 15px;
}

.mwe-upwiz-progress-bar-etr {
	float: left;
}

.mwe-upwiz-etr {
	text-align: center;
}

.mwe-upwiz-thumbnail {
	background-color: #fff;
	border: 1px solid #c8ccd1;
	border-radius: 2px;
	text-align: center;
	width: 100px;
	height: 100px;
	padding: 8px;
}

.mwe-upwiz-thumbnail-side {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	width: 116px; /* see .mwe-upwiz-thumbnail, 100 + 8 + 8 */
}

.mwe-upwiz-remove-upload {
	/* Positioned below the thumbnail. All the floats make it more difficult than it seems
	   to do this in a less hacky way. */
	position: absolute;
	left: -132px;
	margin-left: -1em;
	top: 132px;
}

#mwe-upwiz-deeds-thumbnails {
	background-color: #f8f9fa;
	border-radius: 2px;
	text-align: center;
	margin: 1em 0;
}

#mwe-upwiz-deeds-thumbnails .mwe-upwiz-thumbnail {
	display: inline-block;
	margin: 1em;
	vertical-align: middle;
}

/* I don't like that this has to have width, to ensure that all the floats work out correctly.*/
.mwe-upwiz-data {
	float: left;
	width: 46em;
	padding-right: 1em; /* fix for 100% width textareas in mwe-upwiz-data */
}

.mwe-upwiz-stepdiv {
	position: relative;
}

#mwe-upwiz-tutorial {
	text-align: center;
}

.mwe-small-print {
	font-size: x-small;
}

.mwe-upwiz-deed.selected .mwe-upwiz-deed-name {
	font-weight: bold;
}

.mwe-more-options,
.mwe-upwiz-macro-deeds-return,
.mwe-upwiz-deed-header-link {
	cursor: pointer;
}

.mwe-upwiz-deed-license {
	margin-left: 1.5em;
}

.mwe-upwiz-info-file {
	padding: 1em;
}

.mwe-upwiz-details-fieldname {
	padding-top: 0.3em;
}

.mwe-title {
	font-family: sans-serif;
	font-size: small;
	width: 100%;
}

.mwe-upwiz-details-fieldname-input {
	margin-bottom: 1em;
}

.mwe-upwiz-thirdparty-license {
	margin-top: 8px;
}

.mwe-upwiz-deed-form-internal {
	padding: 0.5em 0 1em 2em;
}

label.mwe-upwiz-copyright-info {
	display: inline-block;
	padding-left: 3px;
	text-indent: 0;
	padding-top: 2px;
	width: 93%;
}

.mwe-upwiz-custom-deed {
	margin-top: 5px;
}

.mwe-upwiz-buttons {
	margin-top: 1em;
	text-align: right;
}

.mwe-upwiz-button-previous {
	float: left;
}

a.mwe-upwiz-tooltip-link {
	cursor: pointer;
}

input[ type='radio' ].mwe-upwiz-copyright-info-radio {
	vertical-align: top;
}

.mwe-upwiz-details-more-options,
.mwe-upwiz-details-copy-metadata,
.mwe-upwiz-deed-license-group-head {
	padding-left: 1.5em;
	cursor: pointer;
	outline: 0;
	display: block;
}

.mwe-upwiz-details-more-options.mw-collapsible-toggle,
.mwe-upwiz-details-copy-metadata.mw-collapsible-toggle,
.mwe-upwiz-deed-license-group-head.mw-collapsible-toggle {
	/* Override jquery.makeCollapsible styles */
	float: none;
	/* Override mediawiki.icon styles */
	background-position: left center;
}

.mwe-upwiz-deed-license-group-head {
	margin-top: 10px;
}

.mwe-upwiz-deed-license-group-body {
	margin-bottom: 1em;
	padding-left: 1.5em;
}

.mwe-upwiz-license-custom {
	overflow: hidden;
}

.mwe-upwiz-license-custom .oo-ui-buttonElement {
	float: right;
	width: 9em;
	padding-left: 1em;
	margin-right: 0;
}

.mwe-upwiz-license-custom .oo-ui-textInputWidget {
	width: auto;
	margin-right: 10em;
}

.mwe-upwiz-license-custom .oo-ui-textInputWidget textarea {
	font-family: monospace, monospace;
}

.mwe-upwiz-thanks {
	margin-bottom: 2em;
}

.mwe-readonly {
	background-color: #fff;
	padding: 0.25em;
}

.mwe-more-details .mw-collapsible-content {
	margin-bottom: 1em;
}

.ui-corner-top {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.ui-corner-bottom {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.ui-corner-all {
	border-radius: 2px;
}

.mwe-upwiz-deed-license-group-subhead {
	color: #72777d;
	margin-top: 0;
	margin-bottom: 0;
}

.mwe-upwiz-details-texts {
	padding: 0.5em;
}

.mwe-upwiz-objref-pick-image {
	font-weight: bold;
}

.mwe-upwiz-objref-pick-image input:disabled + label {
	color: #72777d;
	font-weight: normal;
}

.mwe-upwiz-objref-notice-existing-image {
	font-weight: bold;
}

.mwe-upwiz-sign {
	max-width: 20em;
	display: inline-block;
	margin-right: 0;
	vertical-align: baseline;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: '';
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	zoom: 1;
}