/** Plugin: processor_engine **/

table.JobFiles td.Label {
	border: solid 1px #E6E6E6;
	background-color: #F4F4F4;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}

table.JobFiles td.Kind {
	border: solid 1px #E6E6E6;
	font-weight: bold;
	padding-right: 10px;
	height: 2em;
}

table.JobFiles td.Path {
	border: solid 1px #E6E6E6;
	padding-right: 10px;
	padding-left: 10px;
}

table.JobFiles td.Size {
	border: solid 1px #E6E6E6;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

table.JobFiles td.Action {
	border: solid 1px #E6E6E6;
	padding-right: 0;
	padding-left: 5px;
	text-align: center;
	width: 60px;
}

img.Thumbnail {
	width: 50px;
	margin: auto;
}

table.JobBoxInformation {
	table-layout: fixed;
	width: 100%;
}

table.JobBoxInformation tr td.Label {
	border: none;
	font-weight: bold;
	text-align: left;
}

table.JobBoxInformation tr td.Content {
	border: none;
	text-align: center;
	padding: 5px 0 20px 0;
}

div.StageMessagesView {
	margin: 20px 0;
	border: 1px solid #DDDDDD;
}

/** ApproveForm **/
div.ApproveForm {
	padding-left: 5px;
	padding-right: 10px;
}

div.ApproveForm div.Buttons {
	text-align: right;
	padding: 0 0 5px;
	margin: 0;
}

div.ApproveForm textarea {
	width: 100%;
}

div.ApproveForm input {
	width: 110px;
}

div.ApprovalReason div {
	font-style: italic;
}

div.ApprovalReason div.Error {
	color: #b80000;
	margin-bottom: 5px;
}

div.ApprovalReason fieldset.Error div.StageName {
	color: black;
	font-weight: bold;
	margin-bottom: 2px;
}

div.ApprovalReason fieldset.Error div.Message {
	padding-left: 10px;
}

table.JobSchemeInfo tr td.Label {
	font-weight: bold;
	padding: 5px 10px;
	text-align: right;
}

table.JobSchemeInfo tr td.Content {
	padding: 5px 10px;
}

/* Job list: job_processes/list */

/* Job Details: job_processes/show */

#StagesImprovedView {
	position: relative;
	left: 0;
	border: none;
	padding: 20px;
	text-align: center;
	/* removes additional space from between inline blocks */
	word-spacing: 0;
	letter-spacing: 0;
	font-size: 0;
	background: url('../../images/schemes/puzzles/workfloweditor.png');
}

#StagesImprovedView a {
	text-decoration: none;
}

span.Puzzle {
	font-size: 120px;
	line-height: 100px;
	text-align: center;
	white-space: nowrap;
	text-indent: 0;
	display: inline-block;
	width: 118px;
	height: 118px;
	margin: -19px;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
}

span.Puzzle img.PuzzleIcon {
	position: absolute;
	top: 43px;
	left: 43px;
	display: none;
}

span.Puzzle span.PuzzleTitle {
	position: absolute;
	top: 50px;
	left: 25px;
	font-size: 9px;
	width: 71px;
	line-height: 10px;
	white-space: normal;
	color: #fff;
	overflow-x: hidden;
}

/*** DEFAULT ***/

span.Puzzle {
	background-image: url('/assets/schemes/puzzles/default/rl_puzzle.svg');
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
span.Puzzle.WithResource							{ background-image: url('/assets/schemes/puzzles/default/url_puzzle.svg'); }
span.Puzzle.WithArchive								{ background-image: url('/assets/schemes/puzzles/default/rdl_puzzle.svg'); }
span.Puzzle.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/default/urdl_puzzle.svg'); }

span.Puzzle.First														{ background-image: url('/assets/schemes/puzzles/default/r_puzzle.svg'); }
span.Puzzle.First.WithResource							{ background-image: url('/assets/schemes/puzzles/default/ur_puzzle.svg'); }
span.Puzzle.First.WithArchive								{ background-image: url('/assets/schemes/puzzles/default/rd_puzzle.svg'); }
span.Puzzle.First.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/default/urd_puzzle.svg'); }

span.Puzzle.Last														{ background-image: url('/assets/schemes/puzzles/default/l_puzzle.svg'); }
span.Puzzle.Last.WithResource								{ background-image: url('/assets/schemes/puzzles/default/ul_puzzle.svg'); }
span.Puzzle.Last.WithArchive								{ background-image: url('/assets/schemes/puzzles/default/dl_puzzle.svg'); }
span.Puzzle.Last.WithResource.WithArchive		{ background-image: url('/assets/schemes/puzzles/default/udl_puzzle.svg'); }

span.Puzzle.Resource	{ background-image: url('/assets/schemes/puzzles/default/d_puzzle.svg'); }
span.Puzzle.Archive		{ background-image: url('/assets/schemes/puzzles/default/u_puzzle.svg'); }


/*** ACTIVE ***/

span.Puzzle.Selected 													{ background-image: url('/assets/schemes/puzzles/selected/rl_puzzle.svg'); }
span.Puzzle.Selected.WithResource							{ background-image: url('/assets/schemes/puzzles/selected/url_puzzle.svg'); }
span.Puzzle.Selected.WithArchive							{ background-image: url('/assets/schemes/puzzles/selected/rdl_puzzle.svg'); }
span.Puzzle.Selected.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/selected/urdl_puzzle.svg'); }

span.Puzzle.Selected.First													{ background-image: url('/assets/schemes/puzzles/selected/r_puzzle.svg'); }
span.Puzzle.Selected.First.WithResource							{ background-image: url('/assets/schemes/puzzles/selected/ur_puzzle.svg'); }
span.Puzzle.Selected.First.WithArchive							{ background-image: url('/assets/schemes/puzzles/selected/rd_puzzle.svg'); }
span.Puzzle.Selected.First.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/selected/urd_puzzle.svg'); }

span.Puzzle.Selected.Last														{ background-image: url('/assets/schemes/puzzles/selected/l_puzzle.svg'); }
span.Puzzle.Selected.Last.WithResource							{ background-image: url('/assets/schemes/puzzles/selected/ul_puzzle.svg'); }
span.Puzzle.Selected.Last.WithArchive								{ background-image: url('/assets/schemes/puzzles/selected/dl_puzzle.svg'); }
span.Puzzle.Selected.Last.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/selected/udl_puzzle.svg'); }

span.Puzzle.Selected.Resource	{ background-image: url('/assets/schemes/puzzles/selected/d_puzzle.svg'); }
span.Puzzle.Selected.Archive	{ background-image: url('/assets/schemes/puzzles/selected/u_puzzle.svg'); }


/*** SKIPPED ***/

span.Puzzle.Skipped {
	background-image: url('/assets/schemes/puzzles/skipped/rl_puzzle.svg');
	cursor: default;
	}
span.Puzzle.Skipped.WithResource							{ background-image: url('/assets/schemes/puzzles/skipped/url_puzzle.svg'); }
span.Puzzle.Skipped.WithArchive								{ background-image: url('/assets/schemes/puzzles/skipped/rdl_puzzle.svg'); }
span.Puzzle.Skipped.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/skipped/urdl_puzzle.svg'); }

span.Puzzle.Skipped.First														{ background-image: url('/assets/schemes/puzzles/skipped/r_puzzle.svg'); }
span.Puzzle.Skipped.First.WithResource							{ background-image: url('/assets/schemes/puzzles/skipped/ur_puzzle.svg'); }
span.Puzzle.Skipped.First.WithArchive								{ background-image: url('/assets/schemes/puzzles/skipped/rd_puzzle.svg'); }
span.Puzzle.Skipped.First.WithResource.WithArchive	{ background-image: url('/assets/schemes/puzzles/skipped/urd_puzzle.svg'); }

span.Puzzle.Skipped.Last														{ background-image: url('/assets/schemes/puzzles/skipped/l_puzzle.svg'); }
span.Puzzle.Skipped.Last.WithResource								{ background-image: url('/assets/schemes/puzzles/skipped/ul_puzzle.svg'); }
span.Puzzle.Skipped.Last.WithArchive								{ background-image: url('/assets/schemes/puzzles/skipped/dl_puzzle.svg'); }
span.Puzzle.Skipped.Last.WithResource.WithArchive		{ background-image: url('/assets/schemes/puzzles/skipped/udl_puzzle.svg'); }

span.Puzzle.Skipped.Resource	{ background-image: url('/assets/schemes/puzzles/skipped/d_puzzle.svg'); }
span.Puzzle.Skipped.Archive		{ background-image: url('/assets/schemes/puzzles/skipped/u_puzzle.svg'); }

span.Puzzle > span.PuzzleIndicator img
{
	display: block;
	position: absolute;
	top: 19px;
	right: 21px;
	width: 24px;
	height: 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 18px;
}

span.Puzzle.Selected { z-index: 5 }

.JobOverallView span.Puzzle {
	margin-top: 0;
	margin-bottom: 0;
}

/*common_image_path("schemes/puzzles/#{puzzle_color}puzzle.gif")*/

/** StagesView **/

#StagesView {
	vertical-align: bottom;
	display: inline;
}

#StagesView a {
	margin-bottom: auto;
}

#StagesView div.Stage {
	border: 1px solid #cccccc;
	padding: 4px;
	margin: 14px 4px 4px;
	display: inline;
	color: #555555;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

#StagesView div.StageSelected {
	color: #FFFDDD;
	border: 1px solid #838383;

}

#StagesView div.StageWaiting {
	background-color: #eeeeff;
}

#StagesView div.StageInprogress {
	background-color: #ffffee;
}

#StagesView div.StageFailed {
	background-color: #efab9f;
}

#StagesView div.StageAborted {
	background-color: #ffaa99;
}

#StagesView div.StageSucceeded {
	background-color: #c7f4b6;
}

#StagesView div.StageErrors {
	background-color: #eebf99;
}

#StagesView div.StageWarnings {
	background-color: #ffee99;
}

#StagesView div.StageSkipped {
	background-color: #f6f6d0;
}

#StagesView div.StageEmpty {
	background-color: #eeeeee;
}

#StagesView div.StageWaiting.StageSelected {
	background-color: #A0A5B8;
}

#StagesView div.StageInprogress.StageSelected {
	background-color: #B8B130;
}

#StagesView div.StageFailed.StageSelected {
	background-color: #E15E5E;
}

#StagesView div.StageAborted.StageSelected {
	background-color: #FF7A5E;
}

#StagesView div.StageSucceeded.StageSelected {
	background-color: #45A047;
}

#StagesView div.StageErrors.StageSelected {
	background-color: #D69565;
}

#StagesView div.StageWarnings.StageSelected {
	background-color: #F5C503;
}

#StagesView div.StageSkipped.StageSelected {
	background-color: #C8B428;
}

#StagesView div.StageEmpty.StageSelected {
	background-color: #C8C8C8;
}

/* Stage messages (processing report)*/
.ProcessingReport .Entry {
	width: auto;
}

.ProcessingReport .Entry div {
	background: no-repeat left center;
	padding: 4px 4px 4px 32px;
}

.ProcessingReport .MsgPhaseTitle div {
	font-weight: bold;
	background-image: url("../../images/icons/phase.gif")
}

.ProcessingReport .MsgNotify div {
	color: #666;
	background-image: url("../../images/icons/notify.gif")
}

.ProcessingReport .MsgWarning div {
	color: orange;
	background-image: url("../../images/icons/warning.gif")
}

.ProcessingReport .MsgError div,
.ProcessingReport .MsgFatal div {
	color: red;
	background-image: url("../../images/icons/error.gif")
}

.ProcessingReport .TimeStamp {
	text-align: right;
	width: 150px;
}

.ProcessingReport .Depth1 {

}

.ProcessingReport .Depth2 {
	padding-left: 30px;
}