@charset "UTF-8";
/* CSS Document */

/* BODY & STRUCTURE */

body { margin:0 auto; }

.header-cont { width:100%; position:fixed; top:0px; border:0px #3C9 solid; }
#Header { height:80px; width:1000px; position:relative; margin:0px auto; border:0px #E00 solid; background-image:url(images/backoffice-header.png); background-position:top; background-repeat:no-repeat; }
#Header-Right { position:relative; border:0px #CC6 solid; top:0px; }

#ToolBar { border:0px #F0F solid; position:relative; margin-right:25px; top:3px; text-align:right; }
.Toolbar { color:#EEE; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size: 11pt; }
a.Toolbar:hover { text-decoration:underline; }

#MainContainer { margin:0px auto 15px; width:980px; min-height:600px; height:auto; border:0px #366 solid; padding:10px 10px 0; }
#MainContainer a { font:13pt Arial, Helvetica, sans-serif; line-height:20pt; text-decoration:none; color:#000; }
#MainContainer a:hover { text-decoration:underline; }
#SpacerContainer { height:90px; width:100%; display:block; background-color:#FFF; border:0px #93F solid; }

table, #GridTable { width:960px; }
#GridTableAlternate { background-color:#E6EDF3; }
table, #GridTable, #FreeTable, #PictureTable { margin-left:5px; border-collapse:collapse; border-spacing:0; border:0px #C6C solid; }
table td { padding:3px; }
table td, #GridTable td, table th { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333; }
#GridTable td, #FreeTable td, #PictureTable td, #PictureTable th { border:1px #CCC solid; padding:5px; }
#FreeTable { width:auto; }
#MachineMeasurements { width:280px; }
#MachineMeasurements td { border:1px #FFF solid; }

#content { border:0px #6C3 solid; height:600px; padding:10px; }
#content table { width:100%; }
#scrollcontent { border:1px #CCC solid; min-heightx:799px; height:500px; overflow:auto; padding:5px; }

#LoginDetails { border:0px #6C6 solid; margin-top:7px; margin-right:25px; color:#FFF; text-align:right; font:12pt Arial, Helvetica, sans-serif; font-style:italic; }
#PageDetails { 
	position:absolute; height:35px; width:100%; opacity:.85; border:0px #960 solid; top:50px;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
#PageName { margin-left:15px; margin-top:3px; min-width:450px; width:auto; display:inline-block; border:0px #300 solid; font:15pt Arial, Helvetica, sans-serif; color:#333; }
#Controls { border:0px #6C6 solid; text-align:right; margin-right:20px; float:right; display:inline-block; width:500px; }

#ProductionItemPicture { border:1px #BBB solid; height:90px; text-align:center; }


#ReportsResults { margin:0 auto; width:100%; height:auto; border:0px #6FC solid; }
#ReportsResults table { border-collapse:collapse; border-spacing:0; border:0px #933 solid; }
#ReportsResults table th, #ReportsResults table td { padding:5px; border:1px #CCC solid; }
#ReportsResults table th { background-color:#EEE; }

#ReportsCriteria table { width:auto; }
#ReportsCriteria table td { border:0px #333 solid; }

#Footer { position:relative; width:1000px; height:20px; border:0px #F63 solid; margin:0 auto; }
.Footer { color:#666; font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; font-weight:bold; font-size:12px; text-align:center; }


/* DEFINE INPUTS, BUTTONS */

#GridTable textarea { width:290px; height:120px; resize:none; border:1px #FFF solid;  }
input, textarea, select { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#333; }
input { border-style:solid; border-color:#BBB; border-width:thin; }

input[readonly="readonly"], input[readonly], textarea[readonly="readonly"], textarea[readonly] { 
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 100%, rgba(179,190,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%,rgba(179,190,173,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 100%,rgba(179,190,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}

.ButtonFree { width:auto; padding:2px 10px 3px; }
.ButtonFree:hover { cursor: pointer; }
.Button75 { width:75px; }
.Button100 { width:100px; }
.Button150 { width:150px; }
.Button200 { width:200px; }
.Button75, .Button100, .Button150, .Button200, .ButtonFree {
	border-style: solid;
	border-width: thin;
	border-color: #666666;
	color: #FFFFFF;
	font:11pt Arial, Helvetica, sans-serif;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}

.Button75:hover, .Button100:hover, .Button150:hover, .Button200:hover, .ButtonFree:hover { 
	color:#000000; 
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), 	color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.BackOfficeList { width: 400px; }
.Text,.FieldTitle, .FieldValue { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #333; }
.GreyTitle { color:#004A88; font-style:italic; font-weight:bold; }
.Vertical {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
  
	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
  
	/* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.SubRecordHeader { background-color:#CCC; color:#FFF; }

.FieldTextBox25 { width:25px; }
.FieldTextBox50 { width:50px; }
.FieldTextBox75 { width:75px; }
.FieldTextBox100 { width:100px; }
.FieldTextBox150 { width:150px; }
.FieldTextBox200 { width:200px; }
.FieldTextBox300 { width:300px; }
.FieldTextBox400 { width:400px; }
.FieldTextBox500 { width:500px; }
.FieldTextBox25, .FieldTextBox50, .FieldTextBox75, .FieldTextBox100, .FieldTextBox150, .FieldTextBox200, .FieldTextBox300, .FieldTextBox500 { }

.FieldTextBox50Readonly { width:50px; }
.FieldTextBox100Readonly { width:100px; }
.FieldTextBox50Readonly, .FieldTextBox100Readonly { 
	height:16px; background-color:#EEEEEE; border-style:solid; border-color:#BBB; border-width:thin; font-family: Arial, Helvetica, sans-serif; 
	font-size:13pt; color:#333; }

.FieldTextArea200 { width:200px; }
.FieldTextArea300 { width:300px; }
.FieldTextArea200, .FieldTextArea300 { height:100px; border-style:solid; border-color:#BBB; border-width:thin; 
		font-family:Arial, Helvetica, sans-serif; font-size:13pt; color:#000000; }
.FieldTextAreaCostingRemark { width:700px !important; height:100px !important; border:1px #BBBBBB solid !important; }
		
.Borderless { border:0 !important; }

.DeletePic { font-size:12px; font-style:italic; }