body{
	margin:10px;
	padding: 0px;	
}
body,td,th,div,span,p{
	font-family:'Roboto Condensed','Arial',sans-serif;	
	font-weight:300;
	font-size:17px;

}
h4{
	font-size:20px;
}
table{
	padding:0px;
	margin:0px;
}
table.mainContent{
	width:100%;
}
div#mainContent table{
	width:95%;
	/* min-width:750px; */
}
tr.header th {	
	color: black;
	font-weight:600;
	padding-left:10px;
	padding-right:30px;
	padding-top:10px;
	text-align: left;
}

input#SalesAgentID {
	width: 350px;
	border: 1px solid #C1C1C1;
	padding: 5px;
	font-size:16px;
}

input#SEWQCNumber, textarea#SEWQCNumber{
	width: 350px;
	border: 1px solid #C1C1C1;
	padding: 5px;
	font-size:16px;
}
textarea#SEWQCNumber{	
	max-height: 300px;
	min-height: 50px;
}
input#SEWQCLookupSubmit{
	/*
	width: 250px;
	border: 1px solid #C1C1C1;
	*/
}

table#results{
	border-collapse: separate;
    border-spacing: 10px 10px;
    position:relative;
    left:-20px;
}

table#results th, table#results td{
	padding:5px 3px 2px 4px;	
	vertical-align: top;
}
table#results th{
	text-align:left;
	/*background:#87CEFA;*/
	background:#fff;
	border-bottom: 1px solid #C1C1C1;
	color: #000;
}
table#results td{
	font-size: 100%;
	color: #333; 
}

table#results tbody.recInfo:nth-child(odd){
	background: #F0F8FF;
}

table#manifest{
	border-collapse: separate;
    border-spacing: 20px 10px;
    position:relative;
    left:-20px;
}

table#manifest th, table#manifest td{
	padding:2px 6px 2px 4px;	
}
table#manifest th{
	text-align:left;
	background:#87CEFA;
	background:#fff;
	border-bottom: 1px solid #C1C1C1;
	color: #000;
}
table#manifest td{
	font-size: 90%;
	padding:7px;
	color: #333;
	vertical-align: top; 
	line-height:11px;
}
table#manifest tr:nth-child(odd){
	background: #F0F8FF;
}


.button{
	padding:8px 15px;
	background:#2895d5;
	border-radius:3px;
	border: medium none;
	font-weight: bold;
	font-size:16px;
}

.buttonContainer {
	text-decoration: none;
	color: white;	
	font-size:16px;	
}

.xeroxBar{
	background-color: #D92230;
	color: white;
	padding: 5px 0px 5px 25px;
	font-weight:bold;
}

.questions{
	width:450px;
	min-width:250px;
	text-align: right;
}
.questions H4{
	font-size: 95%;
}
.questions, .questions a{
	font-size: 100%;
	decoration:none;
}

table#manifest tr:nth-child(odd)  span.attemptHeader{
	font-size: 100%;
	color:#555;
}
table#manifest tr:nth-child(odd)  span.attempt{	
	font-size: 100%;
	color:#555;
}
table#manifest tr:nth-child(even) span.attemptHeader{
	font-size: 100%;
	color:#777;
}
table#manifest tr.header th{
	font-size:95%; 
}
table#manifest tr:nth-child(even) span.attempt{
	font-size: 100%;
	color:#777;	
}
table.progressBar {
	width:100%;
}
table#results td table.progressBar tr.images, table.progressBar tr.images td{
	width:17%;
	background:#fff;
	background-image: url("/skin/xerox/images/progressbar/bg-line.gif");
	background-position: 0px 0px; 
	padding:0px !important;
	margin:0px;
}
table.progressBar td,table.progressBar td div{	
	text-align: center;
	vertical-align: middle;
	font-size:90%;
	 
}
table.progressBar td div.label{	
	white-space: nowrap;
}
table.progressBar td.progress1,table.progressBar td.progress1 div, table.progressBar td.progressImage1{
	text-align: left;
	width:15%;
}
table.progressBar td.progress6, table.progressBar td.progressImage6{
	text-align: right;
	width:15%;
}
table.progressBar td.progress6 div{
	width: 100%;
	text-align: right;
}
.currProgress{
	font-weight: bold;
	color: #d92230;
}