/* CSS Document */
*{
	margin:0;
	padding:0;
	border: none;
}

body {
	behavior:url("csshover.htc");
	font: 12px "Trebuchet Ms" ;
	scrollbar-arrow-color: #666;
	scrollbar-3dlight-color: #FFF;
	scrollbar-highlight-color: #666;
	scrollbar-shadow-color: #666;
	scrollbar-track-color: #FFF;
	scrollbar-face-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	background-color: #FFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
}

#geral {
	position:absolute;
	width: 770px;
	height: 400px;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -385px;
	background-image: url(../images/background.gif);
}

/*Caixas pai*/
#topo {width: 770px; height: 40px;}
#esquerda {width: 355px; height: 330px; float:left;}
#direita {width: 415px; height: 330px; float:right;}
#rodape {width: 770px; height: 30px;}

/*Caixas da esquerda*/
#player {width: 320px; height: 240px; margin-left: 30px;}
#video {width: 310px; height: 233px; margin-top: 4px; margin-left: 4px;}
#vcr {width: 310px; height: 30px; margin-left: 37px; margin-top: 5px;}
#banner {width: 320px; height: 50px; margin-left: 30px; margin-top: 5px;}

/*vcr*/
#bt_previous {width: 20px; height: 30px; float: left; background-image: url(../images/bt_previous.gif); background-position:top;}
#bt_previous:hover {background-position:bottom; cursor: pointer; cursor: hand;}
#bt_playpause {width: 20px; height: 30px; float: left; background-image: url(../images/bt_play.gif);}
#bt_playpause:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_stop {width: 20px; height: 30px; float: left; background-image: url(../images/bt_stop.gif);}
#bt_stop:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_next {width: 20px; height: 30px; float: left; background-image: url(../images/bt_next.gif);}
#bt_next:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#vcr_state {width: 140px; height: 30px; float: left;}
#vcr_statetxt {margin-top: 5px; float:left; margin-left: 10px; font-size:11px; color:#666;}
#bt_voldw {width: 20px; height: 30px; float: left; background-image: url(../images/bt_voldw.gif);}
#bt_voldw:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_mute {width: 20px; height: 30px; float: left; background-image: url(../images/bt_mute.gif);}
#bt_mute:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_volup {width: 20px; height: 30px; float: left; background-image: url(../images/bt_volup.gif);}
#bt_volup:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_fullsc {width: 20px; height: 30px; float: left; background-image: url(../images/bt_fullsc.gif);}
#bt_fullsc:hover {background-position:bottom; cursor: pointer; cursor:hand;}

/*Caixas da direita*/
#seletor {width: 375px; height: 20px; margin-right:35px; float:left;}
#painel {width: 375px; height: 305px; margin-left:10px; float:left; display:inline;}

/*Caixas do topo e rodape*/
#relogio {width: 550px; height: 17px; margin-top: 3px; margin-right: 55px; float:right; display:inline;}
#letreiro {width: 540px; height: 19px; margin-right: 55px; float:right; display:inline;}

/*Estilos de textos*/
.rodape {text-align: center; font: 9px Arial; color: #999;}
.rodape a {text-decoration:none; color:999;}
.rodape a:link {color:999;}
.rodape a:hover {text-decoration:underline; color:999;}
.rodape a:visited {color:999;}

.relogio {
text-align:right;
color: #03D;
font: 13px Arial; 
font-weight:bold;
}

.chat {margin-left: 5px; }

.botao {
	font-size: 10px;
	color: #333333;
	margin-top:20px;
	background-color: #CDF;
	border: 1px solid #CEF;
}

#bt_mosaico {width: 70px; height: 20px; float: left; background-image: url(../images/bt_mosaico.gif); margin-left: 10px;}
#bt_mosaico:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_info {width: 70px; height: 20px; float: left; background-image: url(../images/bt_info.gif);}
#bt_info:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_chat {width: 70px; height: 20px; float: left; background-image: url(../images/bt_chat.gif);}
#bt_chat:hover {background-position:bottom; cursor: pointer; cursor:hand;}
#bt_ajuda {width: 70px; height: 20px; float: left; background-image: url(../images/bt_ajuda.gif);}
#bt_ajuda:hover {background-position:bottom; cursor: pointer; cursor:hand;}