/* -- General Styles ---------------------------- */
.proof {}
.proof .sectionWrapper {
	margin: 0px auto;
}
.proofStepNotes {overflow: hidden; height: 64px; text-align: center; width: 100%; margin-top: 12px; background-color: #DCDFE1; border-top:1px solid #BBB;}
.proofStepNotes h4 {font-size: 14px !important; color: #C00;}
.proofStepNotes p {font-style: italic;}
.proofStepNotes p a:link,
.proofStepNotes p a:visited,
.proofStepNotes p a:hover,
.proofStepNotes p a:active {color: #C00 !important;}
.proofStepNotes .uploadNote,
.proofStepNotes .proofNote,
.proofStepNotes .digitalProofNote, .orderNote {
	text-align: left;
	display: inline;
	float: left;
	width: 225px;
	margin: 8px 0 0 12px;
	vertical-align: top;
}

hr {color: #BBB; background-color: #BBB; height: 1px; margin: 12px auto;}

/* -- Form Styles ------------------------------- */
.proof form {	
	margin: 0;
	padding: 0;
}

.proof div.fieldset {
	border:  1px solid #2D3740;
	margin: 15px 0;
	padding: 10px 10px 15px;
	width: 99%;
	background-color: #EFF1F3;
}

#proofTableCell .proof div.fieldset {
	margin: 0 auto;
	width: 90%;
}

.proof div.fieldset a {text-decoration: none;}

.proof div.fieldset span.legend2 {
	position: relative;
	background-color: #2D3740;
	padding: 3px 6px;
	top: -18px;
	font: 600 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.proof div.fieldset span.legend2 span {
	font: 500 11px Arial, Helvetica, sans-serif !important;
	color: #DCDFE1;
}

.proof div.flash2 {
	width: 95%;
	border-color: #2D3740;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.proof div.fieldset span.proofLegend {
	position: relative;
	background-color: #600;
	padding: 3px 6px;
	top: -18px;
	font: 600 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.proof div.proofBox {
	width: 95%;
	border-color: #600;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.proof button,
.proof input,
.proof select,
.proof textarea {
	
}

.proof input[disabled] { border: 1px solid #ccc } /* FF 2 Fix */

.proof #btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
.proof td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.proof .progressWrapper {
	width: 75%;
	overflow: hidden;
	float: right;
	position: relative;
}

.proof .progressContainer {
	border: solid 1px #999;
	background-color: #F7F7F7;
	overflow: hidden;
	width: 89%;
	height: 18px;
	padding: 0px;
}

/* Message */
.proof .message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.proof .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.proof .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.proof .blue {
	border: solid 1px #CEE2F2;
	background: #F0F5FF url(upload-complete.gif) no-repeat 5% 50%;
}

.proof .progressName {
	display: none;
}

.proof .progressBarInProgress,
.proof .progressBarComplete,
.proof .progressBarError {
	font-size: 0;
	width: 0%;
	height: 18px;
}

.proof .progressBarInProgress {
	background: url(pbar-ani.gif) repeat-x left;
}

.proof .progressBarComplete {
	display: none;
}

.proof .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.proof .progressBarStatus {
	display: none;
}

.proof a.progressCancel {
	font-size: 0;
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(x_alt_16x16.gif);
	background-repeat: no-repeat;
	background-position: -16px 0px;
	position: absolute;
	top: 2px;
	right: 2px;
}

.proof a.progressCancel:hover {
	background-position: 0px 0px;
}

.grab_data_table {border:1px solid #999; margin-bottom: 12px;}
.grab_data_table a {display: block; padding: 2px;}
.grab_data_table td {font-size:11px;}
.grab_row0 {background-color:#F7F7F7;}
.grab_row1 {background-color:#FFFFFF;}

/* -- SWFUpload Object Styles ------------------------------- */
.proof .swfupload {
	vertical-align: top;
	outline: none;
}

.proof theFont {background-color:#DDDDDD;}


/* -- Invoice Proofing Styles ------------------------------- */
.proof .section_control {
	margin-top:16px;
	background:#DCDFE1 url(show-proof-files-button.png) no-repeat 98% 50%;
	border-bottom-color:#E8FAFF;
	border:1px solid #999;
	padding:15px;
	cursor: pointer;
}
.proof .sc_open {
	background:#F7F7F7 url(hide-proof-files-button.png) no-repeat 98% 50% !important;
}
.proof .sc_closed {
	background:#DCDFE1 url(show-proof-files-button.png) no-repeat 98% 50% !important;
}
.proof #invoice_control, .proof .detail_control {
	border:1px solid #999;
	border-top-color:#B9C5C7;
	background-color:#DCDFE1;
	padding:15px 0px;
	text-align: center;
	overflow: hidden;
}
.proof .section_control h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-right: 150px;
}
.proof .section_control h5 span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
}

.proof .detail_control .uploadContainer {float:left; margin: 0px 0px 0px 2.5%; width: 45%; text-align: left;}
.proof #invoice_control #invoice_box {margin: auto; width: 95%; text-align: left;}

.proof .labelGroup {
	background-color: #F7F7F7;
	padding: 8px 0px;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:45%;
	margin: 0 2.5%;
	text-align: left;
	clear: left;
}
.proof .labelGroup label { 
	cursor: pointer;
	line-height: 1.5;
	padding: 0 8px;
}
.proof .labelGroup .ASelect, .proof .labelGroup .BSelect {
	margin: 0px;
	line-height: 1.5;
}

.proof .proofGroup {
	background-color: #F7F7F7;
	border: 1px solid #999;
	padding-bottom: 36px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:95%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.proof .proofGroup label { 
	cursor: pointer;
	line-height: 1.5;
	padding: 0 8px;
}
.proof .proofGroup table.postComment {
	width: 95%;
	margin: 0 2.5%;
}
.proof .proofGroup table.postComment td {
	font-size: 11px;
}
.proof .proofGroup table.postComment textarea.Conversation {
	padding: 4px;
	width: 100%;
	height: 48px;
	margin: 0px;
}
.proof .proofGroup table.postComment button { 
	cursor: pointer;
	line-height: 1.5;
	padding: 8px;
	width: 125px;
	height: 48px;
}

.proof .proofGroup label.approvedProof, .proof .proofGroup label.rejectedProof {
	color: #FFF;
	padding: 6px;
	border: 2px solid #FFF;
	display: block;
	margin-bottom: 8px;
	text-align: center;
	background-image: url(a-gradient.png);
	background-repeat: repeat-x;
}
.proof .proofGroup label.approvedProof {
	background-color: #CFDBC5;
	color: #215E21;
	margin-top: 27px;
}
.proof .proofGroup label.approvedProof:hover {
	background-color: green;
	color: white;
}
.proof .proofGroup label.rejectedProof {
	background-color: #CD9B9B;
	color: #600;
}
.proof .proofGroup label.rejectedProof:hover {
	background-color: maroon;
	color: white;
}
.proof .proofGroup span {
	
}

.ProofOption {margin-right: 8px;}

.proof .proofGroup .conversationBox {
	clear: left;
	margin-top: 36px;
	border-top: 1px dashed #999;
	padding: 36px 24px 24px;
}

.proof .proofGroup .conversationBox {position:relative;}
.proof .proofGroup .conversationBox .messageLine {padding: 4px; display: block;}

.proof .proofGroup .conversationBox .messageAdmin {color: black; font-weight: bold;}
.proof .proofGroup .conversationBox .messageCustomer {color: maroon; font-weight: bold;}
.proof .proofGroup .conversationBox .messageContent {color: gray;}
.proof .proofGroup .clearConversation {
	width: auto;
	padding:4px 8px;
	background-color: #EEE;
	font-size: 10px;
	color: red;
	position: absolute;
	top: 0px;
	right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
.proof .proofGroup .clearConversation:hover {
	color: white;
	background-color: red;
	text-decoration: none;
}

.masterApproved {color:green;}