/* Formatação para elementos comuns de apresentação.
	 Mude esses parâmetros na folha de estilos do template */

/* form validation */
	.error { border: solid 2px red; background: yellow; }
	label.error { border: none; background: transparent; color: red; font-size: 11px; font-weight: bold;  }
	table, th, tr, td{ border: none; padding: 0;}

	/** usado nos tooltips de ajuda */
	acronym {
		font-size: 10px;
		color: blue;
		padding: 3px 3px 3px 5px;
	}

/* tooltips com Jquery Tools */
#tooltip, #tooltip-medium, #helptip {
		display:none;
/*    background:transparent url(/tools/img/tooltip/black_arrow.png); */
		font-family: Arial, Verdana, sans-serif;
		font-size:12px;
		text-align: left;
		width:160px;
		padding:10px;
		color: #373737;
		border: 1px solid #222;
		background-color: #fdf5e6;
		z-index: 200;
		-moz-border-radius: 6px;
}

#tooltip-medium{
		width:260px;
}
#helptip {
		width:350px;
}
/* style for overlay popups */
.popup_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:14px;
		line-height: 20px;
}

/* default close button positioned on upper right corner */
.popup_overlay .close {
	background-image: url(../images/effects/close.png);
	position:absolute; right:10px; top:10px;
	cursor:pointer;
	height:30px;
	width:30px;
}

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image: url(../images/effects/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}


/*** end of popup overlay  ****/

input.fadeInput {
	color: #777;
	background-color: #eee;
}

input.activeInput {
	color: black;
	background-color: white;
}

table.estimated_ShippingAddress {
	border:1px #ccc solid;
}

tr.selectionRow:hover {
	background-color: #006ad0;
}

tr.error, label.error { display: none; background-color: yellow; margin-left: 5px; padding: 3px 8px 3px 8px; border: thin solid #aaa; width: 100%;}

td.deliveryClockboxText{
	text-align: center;
}