/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/															
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;} 

/*
+----------------------------------------------------------------+
	Extras															
+----------------------------------------------------------------+
*/
.clear {clear:both; overflow:hidden; font-size:0; visibility:hidden}
.oculta{display:none}
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, ol:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}
#skip {display:none}

/*
+----------------------------------------------------------------+
	Definicoes Gerais															
+----------------------------------------------------------------+
*/
body {background-color:#000; font:62.5% Arial, Helvetica, sans-serif;}
a {text-decoration:none}
#container {background-color:#f3f4f4; width:450px}
#header {background:url(img/background_ilustracoes.jpg) no-repeat left top; height:102px}
#header h1 {display:inline; float:left; height:33px; margin:35px 9px 0 10px; overflow:hidden; position:relative; width:141px}
#header h1 span {background:url(img/logo_podcasts.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#publicidade {background:url(img/bg_publicidade_podcasts.jpg) no-repeat left top; float:left; height:75px; margin-top:13px; padding-right:12px; width:272px}

#content {background:url(img/background_player_podcast.jpg) no-repeat left top; height:193px; padding:15px 10px 0 10px; position:relative}
#content h2 {color:#cc0033; font-size:18px; font-style:italic; font-weight:bold}
#content p {color:#999; padding-bottom:10px;}
#content ul {float:right; width:180px}
#content ul li {display:inline; float:left}
#content ul li a {cursor:pointer}
#content ul li#download {height:17px; margin-right:20px; overflow:hidden; width:78px}
#content ul li#download span {background:url(img/download.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}
#content ul li#compartilhe {height:17px; overflow:hidden; position:relative; width:79px}
#content ul li#compartilhe span {background:url(img/compartilhe.jpg) no-repeat 0 0; height:100%; position:absolute; width:100%}

#select {float:left; width:240px}

#controls {bottom:10px; left:10px; position:absolute}
#controls img#play {float:left}
#controls img#stop {float:left; margin:15px 10px 0 0}
#timeline {background:url(img/bg_timeline.jpg) no-repeat left top; float:left; height:15px; margin:22px 0 0 0; padding:0 3px; position:relative; width:234px}
#timeline #loading {background:url(img/buffering.jpg) no-repeat left top; height:6px; overflow:hidden; position:relative; top:0; width:0}
#timeline #progress {background:url(img/bkg_search_video.gif) repeat-x left top; float:left; height:4px; overflow:hidden; position:relative; top:-3px; width:0; z-index:20}
#timeline #search_video {cursor:pointer; float:left; height:15px; position:relative; top:-8px; width:29px; z-index:25}
#hour {background:url(img/background_hour.jpg) no-repeat left center; display:inline; float:left; height:18px; line-height:18px; margin:16px 0 0 4px; text-align:center; width:38px}
#volume {display:inline; float:left; margin-top:18px; margin-left:20px; }
* html #volume {margin-left:10px}
#volume div{ cursor:pointer; float:left; height:16px; width:18px; }
#volume span{ display:none;}
#volume .ativo { background:url(img/volume.jpg) no-repeat left top; }
#volume .mute { background: url(img/bt_mute.gif) no-repeat left top; width:22px; height:21px; }
#volume #up {background:url(img/vol_up.jpg) no-repeat left top;}
#volume #down {background:url(img/vol_down.jpg) no-repeat left top;}

.black_overlay{display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:500; -moz-opacity:0.2; opacity:.20; filter:alpha(opacity=20);}
#light {height:141px;}
.white_content {background:#ccc url(img/bg_send.gif) no-repeat left top; position:absolute; top:6px; left:82px; width:276px; z-index:5000;}
.white_content input{ font-size:9px; padding:0; width:150px; }
#warning {bottom:3px; color:#FF0000; font:9px Verdana, Arial, Helvetica, sans-serif; left:14px; position:absolute; z-index:900;}
#send {padding-top:7px; padding-left:14px}
#send label {display:block; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:10px;}
#light a.close-button {color:#6c6c6c; float:right; font:10px Verdana, Arial, Helvetica, sans-serif; padding:10px 6px 0 0}
#send input {border:none; border-left:1px solid #ababab; border-bottom:1px solid #ababab; height:12px; line-height:12px;}
#send input#bt_send {border:none; float:right; margin-top:-20px; margin-left:10px; position:relative; left:10px; height:8px; width:33px}