/***************************************
Projeto: Webservic player
Data: 18/07/13
Autor: Webservic
***************************************/
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/*RESET*/
*{margin:0; padding:0;}

#wsplayer{width:290px; height:63px; position:absolute; top:0; left:220%;}

/*PLAYER*/
#player{width:980px; height:63px; position:absolute; top:0; left:53%; z-index:2;  margin:0 0 0 -509px;}

/*BOTOES*/
#player .stop{width:36px; height:36px; background:url(../_img/_btn-play.png) center center no-repeat; cursor:pointer; float:left; position:relative;top:14; margin-left:25px;margin-top:14px;}
#player .sts-on{width:17px; height:63px; background:url(../_img/_status-off.png) center center no-repeat; float:left; margin-left:5px;}
#player .play{width:36px; height:63px; background:url(../_img/_btn-stop.png) center center no-repeat; cursor:pointer; float:left; display:none; margin-left:25px;}
#load_tweets{width:54px; height:50px;  cursor:pointer; float:left; display:none;  margin-left:-50px;}
#player .sts-off{width:17px; height:63px; background:url(../_img/_status-on.png) center center no-repeat; float:left; margin-left:5px; display:none;}

#teste3{position:relative;top:0;
    transition: all .2s ease-in-out}
#teste3:hover{top:-4px;box-shadow:0 0px 0px }

/*MOBILE*/
#player .android{width:55px; height:36px; background:url(../_img/_btn-android.png) center center no-repeat; float:left; margin-top:9px; cursor:pointer; margin-right:2%;}
#player .android a{width:55px; height:36px; float:left;margin-top:9px; cursor:pointer; margin-right:2%;}
#player .ios{width:55px; height:36px; background:url(../_img/_btn-ios.png) center center no-repeat; float:left;margin-top:9px; cursor:pointer; margin-right:2%;}
#player .ios a{width:55px; height:36px; float:left;}
#player .blackberry{width:55px; height:36px; background:url(../_img/_btn-blackberry.png) center center no-repeat; float:left;margin-top:9px; cursor:pointer; margin-right:2%;}
#player .blackberry a{width:55px; height:36px; float:left;margin-top:9px; cursor:pointer; margin-right:2%;}

/*VOLUME*/
.ws_volume_box{width:260px; height:63px; float:left; margin-left:10px;}
.ws_volume_box .volm{width:25px; height:63px; float:left; background:url(../_img/_btn-volm.png) center center no-repeat; padding:0 1px; cursor:pointer;}
.ws_volume_box .vold{width:25px; height:63px; float:left; background:url(../_img/_btn-vold.png) center center no-repeat; padding:0 1px; cursor:pointer;}
.ws_volume_box .mute{width:25px; height:63px; float:left; background:url(../_img/_btn-mute.png) center center no-repeat; padding:0 1px; cursor:pointer;}
.ws_volume_box .video1{width:29px; height:63px; float:left; background:url(../_img/btn-video.png) center center no-repeat; padding:0 1px; cursor:pointer;}
.ws_volume_box .letter{width:25px; height:63px; float:left; background:url(../_img/_btn-letter.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:1px; }
.ws_volume_box .popup1{width:50px; height:63px; float:left; background:url(../_img/_btn-pop.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:18px;}
.ws_volume_box .vol{font:22px 'Pathway Gothic One',Tahoma, Geneva, sans-serif; color:#FFF; float:left; padding:0 5px; margin:0; text-align:center; margin-top:5px; text-shadow: 0px 0px 5px #000000; filter:dropshadow(color=#000000, offx=0, offy=0);}
.ws_volume_box .separador{width:35px; height:63px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 5px; cursor:pointer; margin-left:-6px;}
.ws_volume_box .separador2{width:26px; height:63px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:-5px;}
.ws_volume_box .separador3{width:90px; height:63px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:-5px;}

/*TOCANDO*/
.ws_playing_separador{width:15px; height:64px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:5px;}
.ws_playing_separador2{width:10px; height:64px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 0px; cursor:pointer; margin-left:-5px;}
.ws_playing{width:390px; text-align:center; height:100px; font:17px 'Pathway Gothic One',Tahoma, Geneva, sans-serif; color:#FFF; float:left; margin-top:21px; margin-left:5px; text-shadow: 0px 0px 5px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); overflow:hidden; margin-right:8px;}
.ws_playing2{width:390px; text-align:center; height:100px; font:17px 'Pathway Gothic One',Tahoma, Geneva, sans-serif; color:#FFF; float:left; margin-top:21px; margin-left:5px; text-shadow: 0px 0px 5px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); overflow:hidden; margin-right:8px;}
.ws_playing2{width:2px; height:55px; float:left; background:url(../_img/separador.png) center center no-repeat; padding:0 1px; cursor:pointer; margin-left:-1px;}

/*COMPARTILHE*/
.compartilhe{width:150px; font:30px 'Pathway Gothic One',Tahoma, Geneva, sans-serif; color:#FFF; float:left; text-shadow: 0px 0px 5px #000000; filter:dropshadow(color=#000000, offx=0, offy=0); margin-top:6px;}

/*WEBSERVIC*/
.webservic{float:right;}
.webservic a{width:39px; height:35px; background:url(../_img/webservic.png) center center no-repeat; float:left;}

/*CARREGANDO*/
#ws_carregando{width:100%; height:100%; top:0; left:0; background:url(../_img/loader.gif) center 5px no-repeat rgba(0,0,0,0.6); position:fixed; z-index:5;}