body {
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(./tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(./img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	
	#petrol {
		background-image:url(./img/petrol.png);
		color:#fff;
	}
	
		
	#redoverlay {
		background-image:url(./img/red.png);
		color:#fff;
	}
	
	#whiteoverlay {
		background: #fff opacity:0.80;
        -moz-opacity: 0.80;
        filter: alpha(opacity=80);
		
		/*background-image:url(./img/white.png) opacity: 0.80;*/
		color:#fff;
	}
	
	
	#apple {
		background-image:url(./img/apple.png);
		color:#fff;
		padding:50px 70px;
	}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
:focus {
  -moz-outline-style:none;
}


button {
	font-size:12px;		
}

button {
	border-width:1px;
	border-bottom: 0.2em solid #666;
	font-size:1em;
	padding:0.3em 0.6em;
	color:#fff;
	line-height: 1;
	text-shadow: 0 0 0.1em #222;
	cursor:pointer;
	background-color:#5D689A;
	-moz-box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
	-moz-border-radius:10.2em;	 
}

.overlay, #overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(./img/white.png);	
}

div.close {
	background:url(./img/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlay_player { 		
	display:block;
	height:450px;
}



/*
aqui embaixo sao alguns estilos para o sistema ajax upload de um botao só
*/
.wrapper { width: 133px; margin: 0 auto; }
		
		div.button {
			height: 29px;	
			width: 133px;
			background: url(img/button.png) 0 0;
			
			font-size: 14px; color: #C7D92C; text-align: center; padding-top: 15px;
		}
		/* 
		We can't use ":hover" preudo-class because we have
		invisible file input above, so we have to simulate
		hover effect with JavaScript. 
		 */
		div.button.hover {
			background: url(img/button.png) 0 56px;
			color: #95A226;	
		}
		
		#button2.hover, #button4.hover { text-decoration:underline; }	

#conteiner_arquivos .files {
	height: 200px;
	color:#FF0;
	font-style:italic;
	border: 1px solid #666;
}
#conteinet_arquivos ul ol li {
	margin-left: -10px;
}