/*---------Client area - My account--------------*/
#content .white-container{
	float: left;
	width: 608px;
	margin: 0;
	display: inline;
	background: #F6F6F6;
	padding: 20px;
	border: 1px solid #CED7E1;
	}
	#content .white-container p{
		float: left;
		width: 603px;
		margin: 0;
		padding: 0 0 10px 0;
		}
		
	#content .white-container .fully-paid{
		background-color:#9AEF95;
	}	
	
	#content .white-container .deposit-paid{
		background-color:#FFDCBF;
	}	
	
	#current-order-table{
		float: left;
		width: 604px;
		margin: 0 0 10px 0;
		}
		#current-order-table th{
			color: #fff;
			background: #576271;
			font-weight: normal;
			padding: 5px;
			text-align: left;
			border-bottom: 1px solid #fff;
			}
			#current-order-table td{
				color: #3b3a38;
				font-weight: normal;
				padding: 10px 5px 10px 5px;
				font-size: 80%;
				border-bottom: 1px solid #fff;
				vertical-align: middle;
				}
			
			#current-order-table .dark td{
				background: #E7E9F4;
				}
				
			#current-order-table .light td{
				background: #fff;
				}


/*-----------------Left column-----------------------------------*/
	#left-column .client-area ul{
		float: left;
		padding: 10px 0 20px 0;
		margin: 0;
		width: 100%;
		}
		#left-column .client-area li{
			font-weight: normal;
			padding: 0 0 10px 0;
			margin: 0;
			font-size: 80%;
			border-bottom: none;
			}
			#left-column .client-area .left-column-titles{
				float: left;
				width: 100%;
				color: #576271;
				font-size: 160%;
				font-weight: normal;
				padding: 0 0 2px 0;
				border-bottom: 1px solid #ced7e1;
				margin: 0 0 20px 0;
				font-family: Arial, Helvetica, sans-serif;
				}
			*html #left-column .client-area .left-column-titles{
				margin: 0 0 10px 0;
				}
				
			#left-column .client-area li .labels{
				float: left;
				width: 60px;
				/*text-align: right;*/
				text-align: left;
				padding: 0 5px 0 0;
				clear: both;
				display: block;
				}
			#left-column .client-area li strong{
				width: 100%;
				clear: both;
				display: block;
				}
				
				

			#left-column .client-area li ul{
				float: left;
				width: 100%;
				padding: 0;
				margin: 0 0 10px 0;
				}
				#left-column .client-area li ul li{
					float: left;
					font-size: 110%;
					}
				
				#left-column .client-area li ul li.thumb{
					float: left;
					width: 40px;
					padding: 0 10px 0 0;
					margin: 0;
					}
					#left-column .client-area li ul li.thumb a{
						float: left;
						width: 40px;
						margin: 0;
						padding: 0;
						}
					#left-column .client-area li ul li.thumb a img{
						float: left;
						width: 38px;
						height: 38px;
						border: 1px solid #969288;
						padding: 0;
						margin: 0;
						}
				
				#left-column .client-area li ul li.pdf{
					float: left;
					width: 16px;
					padding: 0 5px 0 0;
					margin: 0;
					}
					#left-column .client-area li ul li.pdf a{
						float: left;
						width: 16px;
						margin: 0;
						padding: 0;
						}
					#left-column .client-area li ul li.pdf a img{
						float: left;
						width: 16px;
						height: 16px;
						border: none;
						background: none;
						padding: 0;
						margin: 0;
						}
				
				#left-column .client-area li ul li.filename{
					float: left;
					width: 140px;
					padding: 0;
					margin: 0;
					}
					#left-column .client-area li ul li.filename a{
						float: left;
						width: auto;
						font-weight: bold;
						font-size: 80%;
						color: #576271;
						text-decoration: none;
						}
					#left-column .client-area li ul li.filename a:hover, #left-column .client-area li ul li.filename a:focus{
						text-decoration: underline;
						}
				#left-column .client-area li ul li.date{
					float: left;
					width: 140px;
					padding: 0;
					margin: 0;
					font-size: 85%;
					}
				#left-column .client-area li ul li.remove{
					float: left;
					width: 140px;
					padding: 0;
					margin: 0;
					font-size: 85%;
					}
					#left-column .client-area li ul li.remove a{
						font-weight: normal;
						color: #cf4520;
						text-decoration: underline;
						}
					
	


/*--------------Order details tabs-------------------------*/
/*---------------------Product Listing Page---------------------------------*/

#refine-search-container{
	float: left;
	width: 604px;
	}	

/*---------Refine Search-----------------------------------------*/
					/*-------------------Refine Search------------------------*/
					/*----------------------Style for the DOM on the homepage---------------------*/
					/* =dynamic
					
						Styles for the DOM version */
						
					
					#content.fp #refine-search div{
						position:absolute;
						/*top:-999px;*/
						left: -2000px;
						clear:both;
						}
						
					#content.fp #refine-search div.show{
						position:relative;
						/*top:0;*/
						left: 0;
						height: 1%;
						}
										
					
					/* Hide back links */
					
					#content.fp .back{
						position:absolute;
						top:-999px;
						height:1px;
					}
					
					/* class to hide things */
					/*.hide{
						position:absolute;
						top:-999px;
						height:1px;
					}*/
					
					/* =tabs (DOM) */
					
					
					/*----------REFINE SEARCH NAV---------------*/
					
					#content.fp #refine-search-nav, #refine-search-nav{
						margin: 5px 0 0 0;
						padding: 0 0 9px 10px;
						float: left;
						width: 594px;
						background: url(../images/refine-search-content-top.gif) bottom left no-repeat transparent;
					}
					
					#content.fp #refine-search-nav li, #refine-search-nav li{
						float: left;
						padding: 0;
						margin: 0 1px 0 0;
						list-style: none;
						border-bottom: none;
						display: inline;
					}
					
						
					#content.fp #refine-search-nav a, #refine-search-nav a{
						text-decoration:none;
						border-bottom:none;
						background: url(../images/tab-bg-repeat.gif) no-repeat top left #cf4c11;
						display: block;
						border-bottom: 1px solid #d2d2d2;
					}
					#content.fp #refine-search-nav .right-bit, #refine-search-nav .right-bit{
						text-decoration:none;
						border-bottom:none;
						color: #fff;
						font-weight: bold;
						font-size: 80%;
						padding: 3px 10px 3px 10px;
						background: url(../images/tab-right.gif) no-repeat top right transparent;
						display: block;
					}

							
						
					#content.fp #refine-search-nav a:hover, #refine-search-nav a:hover  {
						background: url(../images/tab-bg-repeat-over.gif) no-repeat top left #e1ded7;
						display: block;
						border-bottom: 1px solid #CED7E1;
						}
					#content.fp #refine-search-nav a.current, #refine-search-nav a.current{
						background: url(../images/tab-bg-repeat-over.gif) no-repeat top left #e1ded7;
						display: block;
						border-bottom: 1px solid #E7E9F4;
						}
					#content.fp #refine-search-nav a:hover .right-bit, #refine-search-nav a:hover .right-bit{
						color: #576271;
						background: url(../images/tab-right-over.gif) no-repeat top right transparent;
						}
					
					#content.fp #refine-search-nav a.current .right-bit, #refine-search-nav a.current .right-bit{
						color: #576271;
						background: url(../images/tab-right-over.gif) no-repeat top right transparent;
						}
					

					

		
		
					/*----------REFINE SEARCH CONTENT---------------*/

	#content #refine-search{
		float: left;
		padding: 2px 0 5px 10px;
		margin: 0 0 20px 0;
		width: 590px;
		/*background: url(../images/refine-search-content-width.gif) repeat-x top left #E7E9F4;*/
		color: #717171;
		border: 1px solid #CED7E1;
		border-top: none;
		}
	
	#content #refine-search .white-container{
		float: left;
		width: 560px;
		padding: 10px;
		background: #fff;
		margin: 0 0 5px 0;
		color: #3b3a38;
		}
		#content #refine-search p{
			float: left;
			width: 560px;
			padding: 0 0 10px 0;
			margin: 0;
			color: #3b3a38;
			font-size: 80%;
			}
	
	#content #refine-search .white-container ul{
		float: left;
		width: 560px;
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 80%;
		padding: 0 0 15px 0;
		}
	
	#content #refine-search .white-container ul li{
		float: left;
		width: 560px;
		}
	
	
	/*------------Order details-----------------*/
	#content #refine-search #order-details ul li{
		float: left;
		width: 560px;
		line-height: 1.3em;
		}
		
	#content #refine-search #order-details ul li.product{
		font-size: 130%;
		font-weight: bold;
		}
	
	#content #refine-search #order-details ul li.price{
		font-size: 130%;
		font-weight: bold;
		color: #3B3A38;
		}
	
	#content #refine-search #order-details ul li.final-value{
		font-size: 130%;
		font-weight: bold;
		color: #d44217;
		}
		
	#content #refine-search #order-details ul li.discount-value{
		font-size: 130%;
		font-weight: bold;
		color:#1A8F2A;
		}	
	
	/*-------------Upload files-------------------*/
	#content #refine-search #upload-files-system{
		float: left;
		width: 560px;
		}
		
		#content #refine-search #upload-files-system table{
			float: left;
			width: 560px;
			background: #F5F3EF;
			border: 1px solid #EAE7E2;
			margin: 20px 0 0 0;
			}
			#content #refine-search #upload-files-system table td{
				float: left;
				width: 550px;
				padding: 3px 0 3px 10px;
				vertical-align: middle;
				}
			
			#content #refine-search #upload-files-system table input{
				background: #fff;
				padding: 2px;
				border: 1px solid #CFCCC6;
				}
			#content #refine-search #upload-files-system table input#upload-files{
				background: none;
				padding: 0;
				border: none;
				width: 136px;
				height: 20px;
				padding: 0 0 20px 0;
				}
	
	
	
	/*-------------Proofs - Sign off---------------*/
	#content #refine-search ul.proofs{
		float: left;
		width: 540px;
		padding: 10px;
		background: #e9e7e1;
		font-size: 100%;
		color: #696868;
		margin: 10px 0 0 0;
		}
		#content #refine-search ul.proofs li{
			float: left;
			width: 540px;
			}
		#content #refine-search ul.proofs a{
			color: #696868;
			text-decoration: none;
			font-weight: bold;
			}
			
		#content #sign-off ul.history{
			margin: 8px 0 0 0;		
		}
		
		#content #sign-off ul.history li{
			width:538px;
		}
		
		#content #sign-off .hide{
			display:none;
		}
	
	/*-------------Notes---------------------------*/
	#notes form{
		float: left;
		width: 560px;
		margin: 0;
		padding: 0;
		}
	#notes label{
		float: left;
		width: 550px;
		font-weight: bold;
		font-size: 85%;
		margin: 0;
		padding: 0;
		}
	#notes textarea#comments, #sign-off textarea#amend_notes {
		float: left;
		width: 550px;
		height: 160px;
		border: 1px solid #cfccc6;
		margin: 10px 0 0 0;
		padding: 4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
		}
	
	#notes #send-message-button{
		float: left;
		clear: both;
		margin: 10px 0 0 0;
		padding: 0;
		display: inline;
		}
	
	
	/*--------------Payment------------------------*/
	
	
	
	#content #refine-search .back-menu{
		float: left;
		width: 560px;
		margin: 0 0 10px 0;
		padding: 0 0 30px 0;
		border-bottom: 1px dotted #ccc;
		font-size: 80%;
		font-weight: bold;
		}
		
	#amendment-container.hide, #approval-container.hide {
		display:none;
	}	
	
	li.errormessage {
		display:inline;
		color:#CF4040;
		font-size:80%;
		margin:4px 0 4px 0;
		padding:0px 0 0px 0;
		width:230px;
		background-image: url(/templates/images/icons/alert.png);
		background-repeat: no-repeat;
	}
	
	#content #refine-search #sign-off ul li.errormessage {
		border: 1px solid #FF3F3F;
		color:#FF3F3F;
		background: url(../images/icons/warning.png) 8px center no-repeat #FFBFBF;
		padding:12px 12px 12px 40px;
		margin:0 0 0 0;
		width:506px;
	}