body  { 
font-family: Raleway, Verdana, sans-serif; background-color: #FFFFFF; font-size: 14px; color:gray;
}

a:link {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
a:visited {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
a:hover {
text-decoration:none; color:gray; font-size:100%; font-family: Raleway, Verdana, sans-serif;
}
a:active {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }

.clear-both {
clear:both;
 }

.main-container {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
 }
 
.header {
width:1000px;
background-color:white;
 }
 
.header-logo {
float:left;
width:20%;
}

.header-logo img {
width:100%;
}

.header-items {
float:left;
width:80%;
background-color:white;
 }

.header-menu-item {
float:left;
width:10%;
text-align:center;
padding-top:10px;
}

.header-menu-item-narrow {
float:left;
width:5%;
text-align:center;
padding-top:10px;
}

.header-menu-item-wide {
float:left;
width:20%;
text-align:center;
padding-top:10px;
}
 
.header-items a:link {
text-decoration:none; color:#A05203; font-size:90%; font-family: Raleway, Verdana, sans-serif;
 }
.header-items a:visited {
text-decoration:none; color:#A05203; font-size:90%; font-family: Raleway, Verdana, sans-serif;
 }
.header-items a:hover {
text-decoration:none; color:gray; font-size:90%; font-family: Raleway, Verdana, sans-serif;
 }
 .header-items a:active {
text-decoration:none; color:#A05203; font-size:90%; font-family: Raleway, Verdana, sans-serif;
 }
 
 
.btn {
  display: inline-block;
  overflow: visible;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #A05203;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn-purple {
  display: inline-block;
  overflow: visible;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: purple;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btns {
  display: inline-block;
  overflow: visible;
  padding: 2px 5px 2px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 15px;
  color: #A05203;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
 
.job-upload-wrapper {
width:600px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
 }
 
.job-upload-header {
width:100%;
 }
 
.job-upload-header img {
width:100%;
 }
 
.job-upload-sub-header {
width:100%;
height:20px;
 }
 
.job-upload-blue {
width:100%;
min-height:300px;
background-color:#E8F7FA;
 } 
 
.job-upload-blue-left {
float:left;
padding:20px 5% 20px 5%;
width:40%;
font-style:italic;
 }
 
.job-upload-blue-left input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:80%;
 }
 
.job-upload-blue-right {
float:left;
width:40%;
padding:20px 5% 20px 5%;
 }

.job-upload-blue-right img {
width:100%;
}

.job-upload-blue-line {
padding:3px 0px 3px 0px;
height:25px;
 }

.job-upload-blue-line img {
width:100px;
 }
 
 .job-upload-blue-line-email {
padding:3px 0px 3px 0px;
 }
 
.job-upload-blue-right-line-devices {

 }
 
.job-upload-blue-right-line-text {
color:#A05203;
font-size:120%;
 }
 
.job-upload-blue-right-line-label {
border-top-color:gray;
border-top-style:solid;
border-top-width:2px;
color:gray;
font-size:90%;
font-style:italic;
 }
 
.progress-blue {
padding:3px 0px 3px 0px;
height:50px;
 }
 
.progress-outer {
position:relative;
width:550px;
height:10px;
border-style:solid;
border-width:1px;
border-color:gray;
background-color:white;
margin-bottom:10px;
 } 
 
.progress-inner {
position:absolute;
height:10px;
width:5%;
left:0px;
top:0px;
background-color:green;
display:inline-block;
 }
 
#progress-inner {
position:absolute;
height:10px;
width:5%;
left:0px;
top:0px;
background-color:green;
display:inline-block;
 }
 
#progress-innerA {
position:absolute;
height:10px;
width:5%;
left:0px;
top:0px;
background-color:green;
display:inline-block;
 }
 
#progress-innerG {
position:absolute;
height:10px;
width:5%;
left:0px;
top:0px;
background-color:green;
display:inline-block;
 }
 
#progress-innerP {
position:absolute;
height:10px;
width:5%;
left:0px;
top:0px;
background-color:green;
display:inline-block;
 }

 
.footer-left {
float:left;
width:60%;
font-size:90%;
color:gray;
padding:3px 3px 3px 3px;
 }
 
.footer-left a {
font-size:90%;
color:gray;
text-decoration:none;
 }
 
.footer-right {
float:left;
width:35%;
font-size:90%;
color:gray;
padding:3px 3px 3px 3px;
text-align:right;
 }
 
 
.btnloading {  
  display: inline-block;
  overflow: visible;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  min-width:50px;
  font-size: 13px;
  line-height: 18px;
  color: #A05203;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #F5F5F5;
  background-image:url('images/loading.gif');
  background-repeat:no-repeat;
  background-position:center;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  
} 

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}




.search-wrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
 }
 
.search-header {
width:100%;
background-color:black;
 }
 
.search-header img {
width:600px;
 }
 
.search-sub-header {
width:100%;
height:20px;
 }
 
.search-blue {
width:100%;
background-color:#E8F7FA;
 } 
 
.search-blue-wrapper {
float:left;
padding:2% 2% 2% 2%;
width:95%;
font-style:italic;
background-color:#E8F7FA;
 }
 
.search-blue-wrapper input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:50%;
 }
 

.search-blue-line {
padding:3px 0px 3px 0px;
 }
 
.search-blue-line-border {
padding:3px 0px 3px 0px;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
 }

.search-line {
position:relative;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
 }
 
.search-popup {
position:absolute;
left:-300px;
top:-50px;
border-style:solid;
border-width:1px;
background-color:#F5F5F5;
width:700px;
min-height:200px;
display:none;
 }
 
.search-popup-close {
position:absolute;
display:none;
left:680px;
top:-20px;
 }
 
.search-popup-close img {
width:25px;
}
 
 
.search-subject {
float:left;
width:31%;
padding:1%;
font-size:90%;
 }
 
.search-image {
float:left;
width:24%;
padding:1%;
font-size:90%;
 }
 
.search-image img {
width:95%;
padding:2%;
}
 
.search-order {
float:left;
width:31%;
padding:1%;
font-size:90%;
 }
 
 


.search-label {
float:left;
width:36%;
padding:1%;
 }
 
.search-text {
float:left;
width:60%;
padding:1%;
 }
 
.search-text img {
width:100px;
 }
 
.search-popup-header {
font-size:120%;
color:#A05203;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
 }
 
.search-order-line {
width:100%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
}
 
 
.search-order-item {
float:left;
width:31%;
padding:1%;
font-size:90%;
 } 

.search-order-product {
float:left;
width:31%;
padding:1%;
font-size:90%;
 } 
 
.search-order-image {
float:left;
width:31%;
padding:1%;
font-size:90%;
 } 
 
.search-order-label {
float:left;
width:20%;
padding:1%;
 }
 
.search-order-text {
float:left;
width:60%;
padding:1%;
 }
 
.orders-header {
width:100%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
padding-bottom:5px;
 } 

.orders-header-left {
float:left;
width:49%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
border-right-style:solid;
border-right-color:#A05203;
border-right-width:1px;
padding-bottom:5px;
height:40px;
 }

 
.orders-header-right {
float:left;
width:49%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
padding-bottom:5px;
height:40px;
font-size:12px;
padding-left:2px;
 } 
 
 
.orders-blue-wrapper {
float:left;
padding:2% 2% 2% 2%;
width:95%;
font-style:italic;
background-color:#E8F7FA;
 }
 
.orders-blue-wrapper input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:10%;
 }
 
.orders-line {
width:100%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
font-size:85%;
 }
 
.orders-line-order {
float:left;
width:23%;
padding:1%;
 }
 
.orders-line-subject {
float:left;
width:23%;
padding:1%;
 }
 
.orders-line-customer {
float:left;
width:23%;
padding:1%;
 }
 
.orders-line-items {
float:left;
width:48%;
padding:1%;
 }

.orders-line-items-left {
float:left;
width:48%;
padding:1%;
 } 
 
.orders-line-items-right {
float:left;
width:48%;
padding:1%;
 } 
 
 
.orders-line-label {
width:30%;
padding:1%;
position:relative;
float:left;

 }
 
.orders-line-text {
width:66%;
padding:1%;
float:left;
position:relative;

 }

.orders-line-text a:link {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
.orders-line-text a:visited {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
.orders-line-text a:hover {
text-decoration:none; color:gray; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
 .orders-line-text a:active {
text-decoration:none; color:#A05203; font-size:100%; font-family: Raleway, Verdana, sans-serif;
 }
 
.orders-line-text img {
width:50%;
 }
 
.orders-line-logo {
width:66%;
padding:1%;
float:left;
position:relative;

 }

.orders-line-logo img {
width:50px;
 }
 
.group-folders-title {
width:100%;
border-bottom-style:solid;
border-bottom-width:1px;
font-weight:bold;
margin-top:10px;
 }
 
.group-folders-line {
width:100%;
padding-top:5px;
 }
 
.group-folders-col1 {
width:17%;
float:left;
padding:3px;
 }
 
.group-folders-col1 input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:95%;
padding:2px;
 }
 
.group-folders-col2 {
width:4%;
float:left;
padding:3px;
margin-right:20px;
 }
 
.group-folders-col2 input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:95%;
padding:2px;
 }
 
.group-folders-col3 {
width:13%;
float:left;
padding:3px;
 }
 
.jobs-blue-wrapper {
float:left;
padding:2% 2% 2% 2%;
width:95%;
font-style:italic;
background-color:#E8F7FA;
 }
 
.jobs-header {
width:100%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
padding-bottom:5px;
 }
 
 
.jobs-header-left {
float:left;
width:70%;
 }
 
.jobs-header-right {
float:left;
width:28%;
padding:1%;
text-align:right;
 }
 
.jobs-line-order {
float:left;
width:30%;
padding:1%;
 }

.jobs-line-label {
width:30%;
padding:1%;
float:left;
 }
 
.jobs-line-text {
width:66%;
padding:1%;
float:left;
position:relative;
 }

.jobs-prereg-drop {
position:absolute;
left:100px;
top:-80px;
width:550px;
padding:5px;
background-color:whitesmoke;
border-style:solid;
border-width:1px;
border-color:gray;
z-index:999;
max-height:200px;
overflow-y:scroll;
overflow-x:hidden;
 }
 
.jobs-prereg-drop-close {
position:absolute;
left:650px;
top:-90px;
z-index:999;
 }
 
.jobs-prereg-drop-col1 {
float:left;
width:50%;
height:16px;
 }
 
 .jobs-prereg-drop-col2 {
float:left;
width:25%;
height:16px;
 }
 
.jobs-prereg-drop img {
width:20px;
 }
 
.jobs-idcards-drop {
position:absolute;
left:-400px;
top:30px;
width:450px;
padding:5px;
background-color:whitesmoke;
border-style:solid;
border-width:1px;
border-color:gray;
z-index:999;
max-height:200px;
min-height:100px;
overflow-y:scroll;
overflow-x:hidden;
 }
 
.jobs-idcards-drop-close {
position:absolute;
left:425px;
top:0px;
z-index:999;
 }
 
.jobs-idcards-drop-col1 {
float:left;
width:30%;
 }
 
 .jobs-idcards-drop-col2 {
float:left;
width:30%;
 }
 
 .jobs-idcards-drop-col3 {
float:left;
width:20%;
text-align:right;
 }
 
 .jobs-idcards-drop-col4 {
float:left;
width:20%;
 }
 
.jobs-idcards-drop-col2 input {
width:100px;
} 

.jobs-idcards-drop-col3 input {
width:40px;
}

.jobs-idcards-drop img {
width:20px;
 }
 
.log-line-header {
width:100%;
padding:4px 1% 4px 1%;
color:#A05203;
 } 
 
.log-line {
width:100%;
padding:2px 1% 2px 1%;
 } 
 
.log-col1 {
width:18%;
height:20px;
float:left;
 }
 
.log-col2 {
width:10%;
height:20px;
float:left;
 }
 
.log-col3 {
width:35%;
height:20px;
float:left;
 }
 
.log-col4 {
width:15%;
height:20px;
float:left;
 }
 
.log-col5 {
width:12%;
height:20px;
float:left;
 }
 
.log-col6 {
width:6%;
height:20px;
float:left;
 }
 
.production-line {
width:100%;
border-bottom-style:solid;
border-bottom-color:#A05203;
border-bottom-width:1px;
font-size:85%;
margin-top:5px;
margin-bottom:5px;
padding-bottom:5px;
 }
 
.production-line-alt {
width:100%;
font-size:85%;
margin-top:2px;
margin-bottom:2px;
padding-bottom:2px;
 }
 
.production-item {
float:left;
padding:10px;
width:20%;
 } 

.production-line-col1 {
float:left;
width:8%;
 }
 
.production-line-col1 img {
width:15px;
}
 
.production-line-col2 {
float:left;
width:13%;
 }
 
.production-line-col2 img {
width:15px;
}
 
.production-line-col3 {
float:left;
width:30%;
 }
 
.production-line-col4 {
float:left;
width:25%;
 }
 
.production-line-col1h {
float:left;
width:8%;
font-weight:bold;
padding-bottom:5px;
 }
 
.production-line-col2h {
float:left;
width:13%;
font-weight:bold;
padding-bottom:5px;
 }
 .production-line-col3h {
float:left;
width:30%;
font-weight:bold;
padding-bottom:5px;
 }
 
 .production-line-col4h {
float:left;
width:25%;
font-weight:bold;
padding-bottom:5px;
 }
 
.production-header {
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
 }
 
.check-product-codes-col1 {
width:100px;
float:left;
height:20px;
 }
 
.check-product-codes-col2 {
width:200px;
float:left;
height:20px;
 }
 
.kofax-purple-wrapper {
float:left;
padding:2% 2% 2% 2%;
width:95%;
font-style:italic;
color:white;
background-color:#690072;
 }
 
.kofax-purple-wrapper input[type=text] {
border-style:none;
height:20px;
font-family:Raleway, Verdana, sans-serif;
font-size:14px;
width:10%;
color:white;
 }

.greenlight-menu-items {
width:100%;
padding-top:10px;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:10px;
padding-bottom:10px;
}

.greenlight-kindle-items {
width:100%;
padding-top:10px;
margin-bottom:10px;
padding-bottom:10px;
background-color:#FFFEF2;
padding-left:10px;
}
 
.greenlight-menu-item {
float:left;
width:14%;
padding-top:10px;
position:relative;
}

.greenlight-menu-item img {
height:40px;
}

.greenlight-menu-item-10 {
float:left;
width:7%;
padding-top:10px;
}

.greenlight-menu-item-6 {
float:left;
width:6%;
padding-top:10px;
}
 
.psm-create-header {
width:50%;
 }
 
.psm-create-header img {
width:50%;
 }
 
.xanda-upload-blue-line {
padding:3px 0px 3px 0px;
height:50px;
 }
 
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btnU {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 100%;
  font-weight: bold;
  cursor:pointer;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
 
 
@media screen and (max-width: 800px) {

.job-upload-wrapper {
width:96%;
margin-left:0px;
margin-right:0px;
}

.job-upload-blue {
min-height:570px;
}

.job-upload-blue-left {
width:90%;
padding:10px 2% 10px 2%;
min-height:320px;
}

.job-upload-blue-right {
width:90%;
padding:10px 2% 10px 2%;
min-height:270px;
}

.job-upload-blue-right-devices {
display:none;
 }

}