/* Abaixo dessa resolução, o usuário ganha espaço para mover o drag */

@media screen and (max-width: 1224px){
	#playlists, #activity{
		margin-left: 20px;
	}

	#topbar,
	#top .backgroundUser,
	#filterTexture:before,
	#r7-header-main,
	.myCover{
		width: 1224px!important;
		margin: 0 auto;
	}

	#topbar .painel {
		margin-right: 40px;
	}
}

@media screen and (min-width: 1340px) {
	#goTop {
		background: url(https://s1.vagalume.com/images/backTop.png) no-repeat;
		cursor: pointer;
		height: 60px;
		margin-left: 1000px;
		opacity:0;
		position: fixed;
		right: 28px;
		top: 46%;
		width: 60px;
		-moz-transition: opacity 300ms linear;
		-ms-transition:opacity 300ms linear;
		transition: opacity 300ms linear;
		-webkit-transition: opacity 300ms linear;
		z-index:9999;
	}
}

.vMenu span {
	color:#068;
	cursor:pointer;
	font-size:12px;
	margin-left:5px;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-ms-transition: color 100ms ease-in-out;
	transition: color 100ms ease-in-out;
}
.vMenu span:hover { color:#0AD }
.vMenu {
	background: #FFF;
	border: 1px solid #CCC;
	box-shadow:1px 3px 10px 0px #CCC;
	-moz-box-shadow:1px 3px 10px 0px #CCC;
	-webkit-box-shadow: 1px 3px 10px 0px #CCC;
	display:none;
	font-size: 12px;
	padding: 10px;
	position: absolute;
	right: 74px;
	top: 60px;
	width:193px;
	z-index: 100;
}
.vMenu.show{ display:block }
	.vMenu li { position:relative }
	.vMenu .add + li,
	.vMenu .removeFav {margin-top:21px}

	.vMenu .changeVideo:after,
	.vMenu .add:after,
	.vMenu .stopFollow:before,
	.vMenu .removeFav:before {
		border-top:1px solid #CCC;
		bottom:-12px;
		content:"";
		height:1px;
		left:-15px;
		-moz-transition: left 100ms ease-in-out;
		-ms-transition: left 100ms ease-in-out;
		position:absolute;
		transition: left 100ms ease-in-out;
		-webkit-transition: left 100ms ease-in-out;
		width:213px
	}
	.vMenu .stopFollow:hover:before,
	.vMenu .removeFav:hover:before {
		left: -20px;
	}
	.vMenu .stopFollow:before,
	.vMenu .removeFav:before {
		bottom:auto;
		top:-11px;
	}

/* V-MODAL */

/* Quando abrir o modal, fixar o body */

.bodyFixed{
	position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.positionerAddSong #vModal {
	height: 570px;
	width: 556px;
	overflow: hidden;
}
.positionerAddSong .suggest-box{
	-webkit-box-shadow: none;
	box-shadow: none;
}
#vModalButtons {
	font-size: 12px;
	height: 40px;
	right: 0;
	padding: 0 20px;
}
#vModalCancel{
	cursor: pointer;
	color: #068;
	display: inline-block;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
#vModalCancel:hover{
	color: #0AD;
}
#vModalOk{
	float: right;
}

#vModalPositioner {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 990px;
	min-width: 320px;
	height: auto;
	/* Pra que serve a propriedade a seguir? */
	-webkit-backface-visibility: hidden;
	z-index: 2000;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-perspective: 1300px;
}

.ie8 #vModalPositioner{
	margin-left: -15%;
	margin-top: -15%;
}
#vModalTitle{
	border-bottom: 1px solid #CCC;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 20px;
	padding: 15px 0;
}

#vModal{
	background: #fff;
	position: relative;
	margin: 0 auto;
	opacity: 0;
	-moz-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 8px;
	border: 8px rgba(170, 170, 170, 0.69) solid;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.16);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

#vModal.show{
	-moz-transform: rotateX(0deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-ms-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	filter: alpha(opacity=100);
	transform: rotateX(0deg);
	opacity: 1;
}

#vModal.close{
	-moz-transform: rotateX(-70deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transform: rotateX(-70deg);
	-webkit-transform: rotateX(-70deg);
	filter: alpha(opacity=0);
	transform: rotateX(-70deg);
	opacity: 0;
}

#vModalContent{
	font-size: 12px;
	margin: 15px 20px 15px 20px;
}

#vModalContent.modalRegister {
	margin: 5px 0 0 0;
}

#vModalBase{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999999;
	opacity: 0;
	background: rgba(0, 0, 0, 0.45);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

 #vModalBase.show{
	opacity: 1;
}

#vModalClose .close{
	position: absolute;
	right: 19px;
	top: 15px;
	text-align: center;
	text-indent: 0;
	z-index: 999999;
}

#pendingConfirm .email {
	font-size: 18px;
	margin-top: 20px;
}

#pendingConfirm span {
	font-size: 17px;
}

#pendingConfirm {
	height: 110px;
	width: 470px;
}

#pendingConfirm span ,#pendingConfirm a,#pendingConfirm p,#pendingConfirm .email {
	display: block;
	text-align: center;
}

#pendingConfirm p {
	font-size: 11px;
	margin-top: 107px;
}

#pendingConfirm a {
	margin-top: 13px;
}

#pendingConfirm .resendEmail,#pendingConfirm .changeEmail {
	position: absolute;
	top:160px;
}

#pendingConfirm .resendEmail {
	left: 37px;
}

#pendingConfirm .changeEmail {
	right: 37px;
}

/* MODAL de escolha de Background Dinamico */

.positionerBackgroundDy .chooseTexture:before {
	left: 410px;
	right: 0;
}
.positionerBackgroundDy .chooseTexture:after {
	content: '2';
	left: 385px;
}

.positionerBackgroundDy #searchtext {
	width: 265px;
}
.positionerBackgroundDy #vModalContent{
	border-bottom: 1px solid #eee;
	height: 208px;
	margin-top: 40px;
	margin-bottom: 24px;
	min-height: 180px;
}
.positionerBackgroundDy #vModal {
	width: 826px;
}
.positionerBackgroundDy #search .search{
	left: 290px;
}
.positionerBackgroundDy #search{
	top: 9px;
	width: 320px;
}
.positionerBackgroundDy #vModalButtons{
	clear: both;
}
.positionerBackgroundDy .chooseTexture{
	max-height: 265px;
	padding-left: 20px;
	width: 200px;
}
.positionerBackgroundDy .preview:after{
	content: '3';
	right: 195px;
}
.positionerBackgroundDy .preview:before{
	right: 145px;
}
.phraseMosaic {
	color: #AAA;
	display: block;
	margin-top: 10px;
	width: 190px;
}
.containerBackground{
	border-right: 1px solid #EEE;
	float: left;
	height: 153px;
	margin-top: -26px;
	padding: 40px 0 20px 0;
	width: 343px;
}
.positionerBackgroundDy #vModalContent .searchArtist{
	margin-top: 35px;
	max-height: 190px;
	width: 320px;
}

.positionerBackgroundColor #vModalContent {
	border-bottom: 1px solid #eee;
	height: 258px;
	margin-bottom: 23px;
}

.positionerBackgroundDy .songsList a{
	width: 230px;
}
.positionerBackgroundDy .searchArtist > span{
	font-size: 14px;
	left: 30px;
	position: absolute;
	top: 58px;
}
.positionerBackgroundDy .songsList {
	margin-top: 10px;
	max-height: 220px;
	overflow: auto;
	padding-right: 10px;
}
.positionerBackgroundDy .songsList .hidding{
	height: 0;
	min-height: 0;
	opacity: 0;
	padding:0;
}
.positionerBackgroundDy .songsList li{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.containerpattern {
	border-bottom: 1px solid #eee;
	height: 167px;
	margin-bottom: 23px;
	margin-top: 40px;
	width: 421px;
}
.containerpattern .textName{
	left: 50px;
	top: 61px;
}

.containerpattern .preview {
	height: 124px;
}

.preview {
	border-left: 1px solid #eee;
	display: block;
	float: right;
	height: 173px;
	margin-top: -26px;
	padding-left: 26px;
	padding-top: 39px;
}
.preview:before,
.chooseTexture:before,
.containerBackground:before,
.chooseColor:before{
	content: 'Prévia:';
	font-size: 13px;
	font-weight: bold;
	right: 138px;
	position: absolute;
	top: 67px;
}
.chooseTexture:before{
	left: 48px;
	content: 'Escolha uma textura:';
}
.chooseColor:before{
	left: 50px;
	content: 'Escolhar uma cor';
}
.positionerBackgroundDy .containerBackground:before{
	left: 50px;
	content: 'Escolha os artistas:';
}

/* Foi inplmentado apenas para o firefox pois o pickColor está com problema com o transform TranslateX que não está clicavel */
@-moz-document url-prefix() {
	#vModalBase .positionerBackgroundColor {
		margin-left: -408px;
		margin-top: -208px;
		transform: translateX(0px) translateY(0px);
	}
}

.positionerBackgroundColor .chooseTexture:before{
	left:315px;
	right: 0;
}
.positionerBackgroundColor .chooseTexture:after{
	content: '2';
	left:285px;
}
.positionerBackgroundColor .chooseTexture{
	width: 205px;
}
.positionerBackgroundColor #vModal, .positionerBackgroundColor .contentBackground{
	width: 740px;
}
.positionerBackgroundColor .preview{
	float: left;
	height: 225px;
}
.positionerBackgroundColor .preview:before{
	right: 148px;
}
.positionerBackgroundColor .preview:after{
	content: '3';
	right: 203px;
}

.positionerBackgroundColor #vModal{
	height: 412px;
}
.positionerBackgroundColor .contentBackground{
	height: 240px;
}
.preview:after,
.chooseTexture:after,
.containerBackground:after,
.chooseColor:after {
	background-color: #AAA;
	border-radius: 10px;
	color: #FFF;
	content: '2';
	display: block;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
	position: absolute;
	top: 65px;
}
.chooseTexture:after,
.containerBackground:after,
.chooseColor:after {
	content: '1';
	left: 20px;
}
.preview .previewImg {
	background-size: 190px;
	display: block;
	height: 130px;
	overflow: hidden;
	position: relative;
	width: 190px;
}
.textName {
	font-size: 12px;
	position: absolute;
	right: 120px;
	top: 58px;
}

.removeArtist {
	cursor: pointer;
	display: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 6px;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
.removeArtist:hover{
	color: #333;
}
.songsList.mozaic li:hover .removeArtist{
	display: block;
}
.mozaic .boxSel{
	content: "";
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 0;
	width: 20px;
}
.mozaic .boxSel.selected {
	background: #f2f2f2 url(https://s1.vagalume.com/images/artv4.png) 4px -306px;
}

.suggestSong ,.songsList, .albumList{
	position: relative;
	list-style: inside decimal-leading-zero;
	color: #AAA;
	width: 100%;
	font-size: 14px;
	margin:30px 0 20px 0;
}
.suggestSong li, .songsList > li, .albumList li{
	background: #fff;
	border-bottom:1px solid #F4F4F4;
	min-height: 16px;
	padding: 5px 20px 5px 0;
	position: relative;
	-webkit-transition:opacity 200ms ease-in-out;
	-moz-transition:opacity 200ms ease-in-out;
	-ms-transition:opacity 200ms ease-in-out;
	transition:opacity 200ms ease-in-out;
}
.songsList > li:first-child, .albumList li:first-child { border-top:1px solid #F4F4F4 }
.suggestSong li:before,.songsList > li:before, .albumList li:before { content:'/'; position: absolute }
.suggestSong li:hover,
.songsList > li:hover,
.evtList li.selected,
.songsList li.selectedAlert{
	background: #F8F8F8
}

.evtList .hasMusic:hover {
	background: #fff;
}

.hasMusic:after {
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.songsList .drag:hover:after{opacity: 1;cursor: ns-resize;}

.songsList .ui-sortable-helper{
	background-color: #F8F8F8;
	border-color: #FFF!important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	-webkit-transform: translate3d(0,0,0) rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: translate3d(0,0,0) rotate(-1deg);
	z-index: 999;
}
.songsList .sortable-placeholder{
	height: 17px;
}
.songsList .ui-sortable-helper.drag:after{
	border-color: #FFF!important;
	opacity: 1;
	z-index: -1;
}

.songsList li:hover .drag:after{opacity: 1;cursor: ns-resize;}

#songs .boxSel,
.movePlay .boxSel,
.suggestSong .boxSel,
.searchSongs .boxSel,
.albList .boxSel{
	background: #F2F2F2;
	border-radius: 4px;
	border: 1px solid #CCC;
	content: "";
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 0;
	width: 15px;
}

.suggestSong a,.songsList a, .albumList a{
	display: inline-block;
	line-height: 17px;
	margin-bottom: -5px;
	overflow: hidden;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 480px;
}

/* Suggest */

#search {
	position: relative;
}

.positionerAddSong #searchtext {
	width: 462px;
}

.positionerAddSong #search .search {
	left: 488px;
}

.contentSuggestSong,.positionerAddSong #search{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.positionerAddSong #search.first:before{
	background: url(/img/busque.png) no-repeat;
	content: '';
	display: block;
	height: 140px;
	position: absolute;
	top: 70px;
	width: 100%;
}

.contentSuggestSong.hide {
	-webkit-transform: translateX(590px);
	-moz-transform: translateX(590px);
	-ms-transform: translateX(590px);
	transform: translateX(590px);
}

.positionerAddSong #search.hide{
	-webkit-transform: translateX(-590px);
	-moz-transform: translateX(-590px);
	-ms-transform: translateX(-590px);
	transform: translateX(-590px);
}

#searchtext {
	background: #FFF;
	border-radius: 2px;
	color: #ccc;
	font-size: 14px;
	height: 26px;
	outline:none;
	padding: 0 45px 0 7px;
	position: absolute;
	transition: color 200ms ease-in-out;
	width: 476px;
	z-index: 3;
}
#searchtext:focus{
	color: #333;
}
#search .show #searchtext{
	border: 1px solid #0AD;
}

/* Desabilitando o css padrão do Suggest */

#search .suggest.loading .ico:before {
	visibility: hidden;
}

#search .search {
	color: #000;
	left: 500px;
	position: absolute;
	top: 6px;
	z-index: 10;
}

/* ///////////////////////// */

#mural, #estatisticas {
	display: none;
}


/* RODAPÉ */

footer {
	color: #666;
	font-size: 14px;
	margin-top: 40px;
	padding:40px 0;
	position: relative;
	text-align: center;
}
/* GERAL */

#myvagalume{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Classe para layer de loading */ 
.vLoadLayer {
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,.4);
	background-image:url(https://s1.vagalume.com/images/processing.gif);
}
.vLayerFixed {
	background-repeat-y:150px
}

.wrap{
	position: relative;
	width: 1185px;
	margin: 0 auto;
}
.center {
	margin:0 auto;
	text-align:center;
}

/* -------------- HEADER ----------------- */

#topbar {
	font-size:17px;
	position:absolute;
	text-align:left;
	top:39px;
}

/* TODO REMOVER APÓS 15/04/2017 */
#topbar .sLogo{
	margin-left:20px;
}

/* TODO REMOVER CLASSE "cache" APÓS 15/04/2017 */
.cache #topbar .sLogo {
    margin-left: 20px;
    margin-top: 10px;
}

#topbar .sLogo,
#topbar .back{
	float:left;
}
#topbar .painel { float:right }
#loginAbs{
	color: #0CF;
	height: 70px;
	line-height: 70px;
}
#loginAbs b:hover{
	text-decoration: none;
	color: #FFF;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-ms-transition: color 100ms ease-in-out;
	transition: color 100ms ease-in-out;
}
#loginAbs b,
#loginAbs a{
	color: #0CF;
	cursor: pointer;
	font-weight:normal;
	margin-left: 20px;
	-webkit-transition: color 100ms ease-in-out;
	-moz-transition: color 100ms ease-in-out;
	-ms-transition: color 100ms ease-in-out;
	transition: color 100ms ease-in-out;
}
#loginAbs a:hover{
	color: #FFF;
}
#top,
#containerUser {
	text-align:left;
	position:relative;
}

#containerUser {
	margin-top: 39px;
}

	#top .backgroundUser{
		background: #045;
		display:block;
		height:300px;
		position: absolute;
		width:100%;
	}
	/* filtro da imagem */
	#filterTexture:before,
	.containerpattern #texturePreview:before,
	.positionerBackgroundDy #texturePreview:before,
	.positionerBackgroundColor #texturePreview:before{
		content: '';
		display: block;
		width: 100%;
		height: 300px;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	.filterImg:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/x.png');
		content: '';
	}
	.filterImg2:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/sujeira.png');
		content: '';
	}
	.filterImg3:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/pop-art.png');
		content: '';
	}
	.filterImg4:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/papel.png');
		content: '';
	}
	.filterImg5:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/circles.png');
		content: '';
	}
	.filterImg6:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/geometrico.png');
		content: '';
	}
	.filterImg7:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/geometrico2.png');
		content: '';
	}
	.filterImg8:before{
		background: url('https://s1.vagalume.com/images/my-headerbg/texture/triangulo.png');
		content: '';
	}
	.customBg>#filterTexture:before {
		background: none;
	}

	.chooseTexture .filterImg5:before{
		background-size: 130px;
	}
	#texturePreview.filterImg5:before {
		background-size: 350px;
	}

	.noImg:before {
		color: #E00000;
		content: 'X';
		font-size: 20px;
		font-weight: bold;
		left: 18px;
		line-height: 38px;
	}
	.chooseTexture {
		float: left;
		height: 200px;
		overflow-y: auto;
		padding: 9px 5px 5px 5px;
		width: 240px;
	}
	.containerpattern .chooseTexture{
		height: 165px;
		width: 192px;
	}

	.chooseTexture li{
		border: 1px solid #CCC;
		cursor: pointer;
		display: inline-block;
		height: 35px;
		margin-right: 10px;
		margin-bottom: 5px;
		overflow: hidden;
		position: relative;
		width: 50px;
	}

	.chooseTexture li:before{
		display: block;
		width: 100%;
		height: 300px;
		position: absolute;
		top: 0;
		z-index: 1;
	}

.info {
	background-color:rgba(0, 0, 0, 0.76);
	display:block;
	font-family:Verdana, Arial, "Bitstream Vera Sans", Helvetica, Sans-serif, "Droid Sans", "DejaVu Sans";
	height:136px;
	left:40px;
	position:relative;
	top:65px;
	width:925px;
	z-index: 100;
}
.userProfile{
	display:inline-block;
	margin-top:20px;
	padding-left:92px;
	position:relative;
	width: 525px;
}

	.namePro {
		cursor: default;
	}
	.namePro,.editUserName {
		color: #FFF;
		font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, Sans-serif, "Droid Sans", "DejaVu Sans";
		font-size: 30px;
		font-weight: bold;
		letter-spacing: -1px;
		overflow: hidden;
		padding: 2px;
		white-space: nowrap;
		width: 500px;
	}
	.namePro.myPage:hover,.aboutDesc.myPage:hover,.social.myPage:hover {
		background: rgba(255, 255, 255, 0.3);
		cursor: default;
	}
	header .disable {
		display:none;
	}
	.editUserName,header .editAboutDesc {
		background:rgba(255, 255, 255, 0.3);
		border:none;
		margin: 0 20px 0 0;
		outline: none;
	}
	.editUserName:focus {
		border:1px solid rgba(138, 138, 138, 0.5);
		cursor: default;
		padding:1px;
	}
	.namePro.ico:before,
	.aboutDesc.ico:before,
	.social.ico:before {
		display: none;
		font-size: 14px;
		line-height: 16px;
		position: absolute;
	}
	.namePro.ico:before,
	.aboutDesc.ico:before {
		right: 26px;
	}
	.social.ico:before {
		right: 3px;
		top: 3px;
	}
	.twitter.ico,
	.facebook.ico,
	.google.ico,
	.mslive.ico {
		overflow: hidden;
		position: relative;
	}
	.twitter.ico.deactivated,
	.facebook.ico.deactivated,
	.google.ico.deactivated,
	.mslive.ico.deactivated {
		cursor: default !important;
	}
	.aboutDesc.myPage.ico:before {
		right: 45px;
	}
	header .namePro.myPage:hover.ico:before,.aboutDesc.myPage:hover.ico:before {
		color: rgb(231, 230, 230);
		display: block;
	}
	.social.myPage:hover.ico:before {
		color: rgb(231, 230, 230);
		display: inline-block;
	}
	.charsDesc {
		bottom: -15px;
		position: absolute;
		right: 40px;
	}
	.btn.follow {
		right: 4px;
		top: 22px;
	}
	.vBtn.buttonFollow {
		text-align: center;
	}
	.userProfile .buttonFollow {
		border: 1px solid #1E8B99;
		box-shadow: none;
		position: absolute;
		right: -15px;
		top: 0;
		padding: 10px 23px;
	}
	.userProfile .buttonUnfollow {
		font-family:Arial, Verdana, "Bitstream Vera Sans", Helvetica, Sans-serif, "Droid Sans", "DejaVu Sans";
		font-size:14px;
		font-weight:bold;
		height:25px;
		line-height:25px;
		padding-left: 9px;
		padding-right: 10px;
		position:absolute;
		right:-15px;
		top:0;
		width:107px;
	}
	.buttonUnfollow.ico:before {
		padding-right: 5px;
	}
	.vBtn.buttonUnfollow:after {
		content: "\25be";
		font-size: 16px;
		margin-left: 6px;
	}
	.vBtn.buttonUnfollow.active:after {
		content: "\25b4";
	}
	.userProfile .following {
		margin-right: 20px;
	}
	.userProfile .followers {
		margin-right: 20px;
	}
	.userProfile .following,
	.userProfile .followers {
		color:#FFF;
		cursor: pointer;
		display:inline-block;
		font-size: 17px;
		margin-top:15px;
	}

	.userProfile .following span, .userProfile .followers span {
		color: #0CF;
		display: block;
		font-weight: normal;
		position: relative;
		-webkit-transition: color 200ms ease-in-out;
		-moz-transition: color 200ms ease-in-out;
		-ms-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
	}

	.userProfile .following span:hover, .userProfile .followers span:hover {
		color: #fff;
	}
	.userProfile .localStyle {
		display:inline-block;
		font-size:12px;
		height: 20px;
		line-height:16px;
		margin-top: 15px;
		padding-left:28px;
		white-space:nowrap;
	}
	.followers + .localStyle {
		border-left: 1px solid #666;
		height: 37px;
		padding-left:42px;
	}
	.userProfile .local,
	.userProfile .style {
		color: #FFF;
		height: 16px;
		position: relative;
		vertical-align: top;
	}
	.userProfile  a{
		position:relative;
		color:#0CF;
		-webkit-transition: color 200ms ease-in-out;
		-moz-transition: color 200ms ease-in-out;
		-ms-transition: color 200ms ease-in-out;
		transition: color 200ms ease-in-out;
		margin-right:30px;
	}
	.userProfile  a:hover{
		color:#fff;
	}
	.userProfile .local{
		margin-bottom: 5px;
	}
	.userProfile .style { color:#0CF;width:258px;}
	.userProfile .style a{margin-bottom:5px;display:inline-block;}
	.userProfile .style a:after{
		content:attr(data-percent);
		position:absolute;
		display:block;
		font-size:8px;
		right:-22px;
		top:-5px;
	}
	.userProfile .local:before,
	.userProfile .style:before {
		color:#FFF;
		left:-24px;
		line-height:18px;
		position:absolute;
	}
	.userProfile .local:before { left:-22px }

	.userFollow a{
		display: inline-block;
		font-size: 16px;
		height: 16px;
		margin-left: 31px;
		margin-top: 27px;
	}
	.userFollow > p {
		color: #aaa;
		font-size: 15px;
		position: absolute;
		right: 0;
		top: 28px;
	}
	.positionerFollow #vModalContent{
		border-bottom: 1px solid #ccc;
		height: 360px;
		margin-bottom: 22px;
		padding-bottom: 18px;
		width: 500px;
	}
	.positionerFollow .percentImage {
		cursor: pointer;
	}
	.positionerFollow .getList{
		height: 360px;
		margin:0 0 10px 0;
		overflow-y:auto;
		position: absolute;
		width: 500px;
	}
	.positionerFollow .filter{
		position: absolute;
		right: 70px;
		top: 10px;
	}
	.positionerFollow .ico{
		position: absolute;
		right: 9px;
		top: 7px;
	}
	.positionerFollow #vModalContent .vForm{
		padding-right: 25px;
	}

	.isConnected .usersFound .userPic,
	.isConnected .userFollow .userPic {
		box-shadow: 0 0 0 1px #838383,0px 0px 0px 5.7px #FFFFFF, 0 0 0 6.7px #838383;
	}

	.getList .userFollow{
		border-bottom: 1px solid #F4F4F4;
		height: 70px;
		margin-top: 5px;
		padding: 0 0 10px 53px;
		position: relative;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		width: 428px;
	}
	.getList .userFollow.hidding{
		height: 0;
		opacity: 0.5;
		overflow: hidden;
		padding-bottom: 0;
	}
	.usersFound img, .getList img, .userFollow.myUserLogin .userPic{
		box-shadow: none;
		cursor: pointer;
		left: 6px;
		position: absolute;
		top: 7px;
	}
	.getList .ico:before,
	.contentSearch .ico:before {
		padding-right: 5px;
		top: 5px;
	}
	.positionerFollow .following{
		top:8px;
	}
	.following .vMenu{
		right: -1px;
		top: 25px;
	}

	.buttonUnfollow .show {
		box-shadow: none;
		font-weight: normal;
		right: -1px;
		top: 35px;
	}

	.vBtn.following:after {
		content: "\25be";
		font-size: 14px;
		margin-left: 6px;
	}
	.positionerFollow .vBtn.follow, 
	.positionerFollow .vBtn.following {
		position: absolute;
		right: 3px;
		top: 20px;
	}

	.getList.noVinc:before {
		content: "Esta pessoa ainda não tem nenhum seguidor";
	}

	.social {
		bottom: 20px;
		padding-top: 15px;
		position: absolute;
		right: 10px;
		width: 25px;
		z-index: 1000;
	}
	.social .ico{
		cursor: pointer;
	}
	.social .ico:before{
		border-radius: 20px;
		border: 2px solid #999;
		color: #999;
		font-size: 1.2em;
		margin-top: 6px;
		padding: 4px;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.social .ico:hover:before{
		color:#fff;
		border-color: #fff;
	}
	.positionerFollow #vModalContent {
		height: 360px;
	}
	.menuSearch {
		height: auto;
		width: 480px;
	}
	.iconEmail.selected {
		background-position: -10px 0px;
	}
	.iconName.selected {
		background-position: -10px -77px;
	}
	.iconLogin.selected {
		background-position: -10px -153px;
	}

	.searchUsers {
		box-sizing: initial;
		border: 1px solid;
		border-color: #DDD #DDD #CCC;
		border-radius: 3px;
		box-shadow: 3px 3px 10px rgba(0,0,0,0.1) inset;
		background-color: #fff;
		color: #333;
		font: 12px Arial,sans-serif normal normal;
		outline: none;
		padding: 4px;
		resize: none;
	}

	.contentSearch {
		height: 265px;
		margin-top: 15px;
		overflow-y: auto;
		position: relative;
		width: 100%;
	}

	.contentSearch var {
		position: absolute;
		right: 4px;
		top: 22px;
	}

	.contentSearch .usersFound {
		border-bottom: 1px solid #F4F4F4;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		height: 70px;
		margin-top: 5px;
		padding-top: 10px;
		position: relative;
		transition: all .3s ease-in-out;
		width: 100%;
	}

	.contentSearch .usersFound a {
		display: inline-block;
		font-size: 16px;
		height: 16px;
		margin-left: 82px;
		margin-top: 17px;
	}
	.menuSearch .searchBlock {
		height: 35px;
		width: 480px;
	}

	.menuSearch .searchBlock .icoSearch:before {
		-webkit-font-smoothing: antialiased;
		content: attr(data-icon);
		display: inline-block;
		font-family: 'VagalumeMy';
		font-style: normal;
		font: 14px 'Vagalume';
		margin-left: -20px;
		margin-top: 8px;
		position: absolute;
		speak: none;
		text-transform: none;
	}

	.menuSearch .searchBlock .btn {
		display: inline-block;
		float: right;
		margin-left: 20px;
		margin-top: 2px;
	}

	.searchBlock .selectableTypeSearch{
		display: inline-block;
		float: right;
		margin-left: 20px;
		padding-left: 10px;
		position: relative;
		width: 85px;
	}
	.searchBlock .selectableTypeSearch:after {
		content: "\25be";
		font-size: 14px;
		position: absolute;
		right: 4px;
	}
	.searchBlock .active:after {
		content: "\25b4";
	}
	.searchBlock .selectableTypeSearch:active,
	.searchBlock .active{
		border-color: #CCC #CCC #AAA;
		box-shadow: 0 4px 10px -6px rgba(0,0,0,0.5) inset;
		cursor: pointer;
	}
	.searchBlock .searchUsers {
		position: relative;
		width: 340px;
	}
	.searchBlock .optionsTypeSearch {
		background: #FFF;
		border: 1px solid #CCC;
		box-shadow: 1px 3px 10px 0px #CCC;
		-moz-box-shadow: 1px 3px 10px 0px #CCC;
		-webkit-box-shadow: 1px 3px 10px 0px #CCC;
		display: none;
		font-size: 12px;
		padding: 10px;
		position: absolute;
		right: 17px;
		top: 94px;
		width: 85px;
		z-index: 100;
	}
	.optionsTypeSearch li {
		list-style: none;
		border-left: 5px solid #DDD;
		padding: 6px 0 6px 6px;
		position: relative;
		margin-bottom: 1px;
		-webkit-transition: border 100ms ease-in-out;
		-moz-transition: border 100ms ease-in-out;
		-ms-transition: border 100ms ease-in-out;
		transition: border 100ms ease-in-out;
	}
	.optionsTypeSearch li:hover {
		border-left: 10px solid #08A;
	}
	.optionsTypeSearch li span:hover {
		color: #0AD;
	}
	.optionsTypeSearch li span {
		color: #068;
		cursor: pointer;
		font-size: 12px;
		margin-left: 5px;
		-webkit-transition: color 100ms ease-in-out;
		-moz-transition: color 100ms ease-in-out;
		-ms-transition: color 100ms ease-in-out;
		transition: color 100ms ease-in-out;
	}
	#searchUsers {
		height: 70px;
		float: right;
		line-height: 80px;
		margin-right: 60px;
	}
	#searchUsers .ico {
		color: #FFF;
		cursor: pointer;
		-webkit-transition: margin .2s ease-in-out;
		-moz-transition: margin .2s ease-in-out;
		-ms-transition: margin .2s ease-in-out;
		transition: margin .2s ease-in-out;
	}
	#searchUsers .slideLeft {
		margin-right: 172px;
	}
	.btnSearchUsers:before {
		font-size: 20px;
	}

/* Snippet para borda arredondada nas imagens de usuário */
.userPic { border-radius:100% }

header .editAboutDesc {
	border: 1px solid rgba(138, 138, 138, 0.5);
	color: #FFF;
	cursor: default;
	font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, Sans-serif, "Droid Sans", "DejaVu Sans";
	font-size: 12px;
	height: 88px;
	padding: 3px;
	resize: none;
	width: 208px;
}

.userAbout{
	color:#FFF;
	font-size:12px;
	height:96px;
	margin-top:20px;
	padding: 0 40px 0 18px;
	position:absolute;
	right:0;
	top:0;
	width:216px;
}

.aboutDesc {
	border-left: 1px solid #666;
	cursor: default;
	height: 88px;
	margin-left: -19px;
	overflow: auto;
	overflow-wrap: break-word;
	padding: 4px;
	padding-left: 19px;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.aboutDesc:empty {
  border-left: none;
}

.mySug {
	left: -85px;
	position: absolute;
	top: -7px;
}

.isConnected .mySug > img {
	box-shadow: 0 0 0 1px #838383,0px 0px 0px 13px rgba(255, 255, 255, 0.73), 0 0 0 14px #838383;
}

.mySug img,.mySug.myUserLogin img{
	border-radius: 80px;
	box-shadow:none;
	color: transparent;
	height: 147px;
	width: 147px;
}

#loadImg {
	margin-bottom: 88px;
	margin-top: 18px;
	position: relative;
	text-align:center;
}

#loadImg .remImg {
	bottom: -71px;
	position: absolute;
	right: 126px;
}

#vModalContent .getList var,
#vModalContent .filter var,
.remImg.ico:before,
#vModalContent .load:before,
#vModalContent .send:before {
	position: absolute;
}

#vModalContent > .load,#vModalContent > .send {
	padding-left: 22px;
	z-index: 1;
}

#vModalContent > .load {
	bottom: 48px;
	padding-left: 40px;
	position: absolute;
	right: 116px;
	width: 150px;
}

.remImg.ico:before {
	font-size: 10px;
	left: -15px;
	top: 3px;
}

#vModalContent .send:before {
	left: 10px;
}

.imgProfileModal #vModalOk .btn {
	padding-left: 19px;
}

#vModalContent .send:before,
#vModalContent .load:before {
	font-size: 18px;
}

#vModalContent .load:before {
	left: 13px;
	top: 2px;
}
#vModalContent .send:before {
	left: 28px;
	top: 62px;
}

#vModalContent > .send {
	bottom: 20px;
	padding-left: 32px;	
	right: 120px;
	width: 150px;	
}

#sendImg > p {
	font-size: 13px;
	margin: 10px 36px 16px 0;
	width: 380px;
}

#loadImg img {
	border: 7px solid rgb(129, 129, 131);
	border-radius: 80px;
	height: 147px;
	width: 147px;
}


#vModalContent .jcrop-holder {
	margin-top: 10px;
}

.jcrop-holder {
	margin: auto;
}

#sendImg {
	border-bottom: 1px solid #ccc;
	display: none;
	margin-bottom: 22px;
	padding-bottom: 18px;
	text-align:center;
}

#upImg {
	visibility: hidden;
	position: absolute;
	top: -10000px;
}

#canvasCrop {
	position: absolute;
	visibility: hidden;
}

.jcrop-holder div:nth-child(1) > div:before {
	background: -moz-radial-gradient(center, ellipse cover, rgba(45,45,45,0) 0%,rgba(45,45,45,0) 69%,rgba(45,45,45,0.81) 71%,rgba(45,45,45,0.81) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(45,45,45,0) 0%,rgba(45,45,45,0) 69%,rgba(45,45,45,0.81) 71%,rgba(45,45,45,0.81) 100%);
	background: radial-gradient(center, ellipse cover, rgba(45,45,45,0) 0%,rgba(45,45,45,0) 69%,rgba(45,45,45,0.81) 71%,rgba(45,45,45,0.81) 100%);
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

.removeImgModal {
	margin-left: 105px;
}

.imgProfileModal #vModalContent {
	width: 395px;
	height: auto;
}

.imgProfileModal .vLoadLayer {
	z-index: 1000;
}

.mySug:hover .imgEdit {
	display: block;
}

.mySug .imgEdit:before {
	padding-right: 5px;
}

.mySug .imgEdit {
	bottom: 61px;
	display: none;
	left: 26px;
	position: absolute;
}

#top .edit {
	bottom: -90px;
	display: none;
	position: absolute;
	right: -90px;
}
#top .edit:before{
	padding-right: 5px;
}
#top:hover .edit{
	display: block;
}
.chooseCover #top:hover .edit{
	display: none;
}

.myCover{
	background-color: #333;
	width:100%;
	height: 0;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out;
	-webkit-transform: translate3d(0,0,0);
	overflow: hidden;
	position: relative;
}
.myCover.show{
	height: 290px;
}

.myCover:before {
	background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.23) 0px,rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 0.23) 0px,rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(bottom,rgba(0, 0, 0, 0.23) 0px,rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(bottom,rgba(0, 0, 0, 0.23) 0px,rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: '';
	display: block;
	height: 9px;
	position: absolute;
	width: 100%;
}
.chooseBackground h6{
	color:#fff;
}
.chooseBackground{
	padding-top: 20px;
}
.chooseBackground .vBtn {
	display: block;
	height: 17px;
	width: 19px;
}
.chooseBackground .prev{
	position: absolute;
	left: 0px;
	top: 120px;
}
.chooseBackground .next{
	position: absolute;
	right: 0;
	top: 120px;
}
.chooseBackground .next:before,
.chooseBackground .prev:before{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.pickCover li{
	cursor: pointer;
	display: block;
	float: left;
	height:110px;
	margin-right: 24px;
	position: relative;
	width: 160px;
}

.pickCover li .configBack {
	bottom: 5px;
	display: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	position: absolute;
	right: 5px;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}
.pickCover .selected .configBack{
	display: block;
}
.pickCover li .configBack:before{
	color:#000;
	left: 7px;
	position: absolute;
	top: 7px;
}
.pickCover{
	-webkit-transition: margin 300ms ease-in-out;
	-moz-transition: margin 300ms ease-in-out;
	-ms-transition: margin 300ms ease-in-out;
	transition: margin 300ms ease-in-out;
}

.pickCover span {
	color: #FFF;
	display: block;
	font-size: 12px;
	margin-top: 117px;
	position: relative;
	text-align: center;
}
.pickCover .selected span{
	margin-top: 116px;
}

.pickCover .selected,
.chooseTexture .selected,
.previewImg.selected{
	outline: 4px solid #08A;
}

/* Foi feita essa verificação apenas pro firefox pois está com bug no outline */
@-moz-document url-prefix() {
	.pickCover .selected,
	.chooseTexture .selected,
	.previewImg.selected{
		box-shadow: inset 0 0 0 4px #08A;
		outline:0 none;
	}
}

.pickCover .selected:after,
.previewImg.selected:after{
	background: #08A;
	content: '';
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 1;
}
.pickCover .selected.ico:before,
.previewImg.selected.ico:before{
	color: #FFF;
	content: 'h';
	left: 7px;
	position: absolute;
	top: 8px;
	z-index: 10;
}

.chooseBackground .container{
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px;
	width: 1080px;
}
.chooseBackground .pickCover{
	width: 99999px;
}
.chooseBackground .close{
	position: absolute;
	right: 0;
	top: 30px;
}
.chooseBackground .close:hover{
	border-color: #FFF;
	color: #FFF;
}

.pickColor {
	background-color: #045;
}

.pickDynamic{
	cursor: pointer;
}
.mosaicTumb{
	background-size: 540px 120px!important;
}
.vColor {
	display: block;
	float: left;
	width: 170px;
}

.inputColorPer{
	margin-left: 10px;
}

.inputColor {
	margin-bottom: 16px;
}
.chooseColor li {
	float: left;
	height: 30px;
	margin-bottom: 4px;
	margin-right: 4px;
	width: 30px;
}
.chooseColor .cor1{background-color: #46B629}
.chooseColor .cor2{background-color: #0088aa}
.chooseColor .cor3{background-color: #ba2a2a}
.chooseColor .cor4{background-color: #fdff36}
.chooseColor .cor5{background-color: #36eeff}
.chooseColor .cor6{background-color: #ba36ff}
.chooseColor .cor7{background-color: #ffa200}
.chooseColor .cor8{background-color: #3b3a39}
.chooseColor .cor9{background-color: #ffffff}
.chooseColor{
	border-right: 1px solid #eee;
	display: block;
	float: left;
	height: 264px;
	margin-top: -26px;
	width: 240px;
}
.contentBackground {
	height: 150px;
	margin-top: 40px;
	width: 530px;
}
.contentBackground .chooseTexture{
	height: 135px;
	padding: 9px 5px 5px 25px;
}
.backgroundImg {
	cursor: pointer;
	height: 150px;
	margin-bottom: 10px;
	margin-top: 17px;
	max-width: 700px;
	min-width: 300px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.backgroundImg img {
	overflow: hidden;
}
.backgroundImg.noImg:before{
	color: rgba(0, 0, 0, 0.2);
	content: 'Sem imagem';
	font-size: 43px;
	left: 169px;
	line-height: 52px;
	position: absolute;
	top: 45px;
}
.backgroundImg.noImg {
	min-width: 600px;
	background-color: #F0F0F0;
}
.noImg img{
	display: none;
}
.sendCover .load{
	display: none;
	left: 50%;
	margin-top: -18px;
	padding-left: 29px;
	top: 50%;
	z-index: 9999;
}
.sendCover span, .sendCover a{
	display: inline-block;
	margin-left: 5px;
}
.sendCover > span{
	width: 600px;
}

/* ------------------ FIM DO HEADER ----------------- */

/* NAVEGAÇÃO GLOBAL (ABAS) */

#global {
	left: 0;
	position: absolute;
	top:-40px;
	z-index: 10;
}

#myV .searchTab {
	cursor: pointer;
	padding-left: 14px;
	position: absolute;
	left: 1062px;
}

.searchTab.ico:before {
	position: absolute;
	font-size: 14px;
	left: 10px;
	top: 14px;
	color: #068;
}
.searchTab.active.ico:before{
	color: #333;
}

#myV a {
	display: block;
	padding: 10px 15px 10px 15px;
}

#myV li{
	position: relative;
	height: 40px;
	font-size: 18px;
	text-transform: uppercase;
	background: #DFDFDF;
	color:#666;
	transition:background-color 200ms ease-in-out;
	-ms-transition:background-color 200ms ease-in-out;
	-moz-transition:background-color 200ms ease-in-out;
	-webkit-transition:background-color 200ms ease-in-out;
}

#myV li { float:left }
#myV li:hover{ background:#f3f3f3 }
#myV li.active {
	background: #FFF;
	border-top: 5px solid #0CF;
	margin-top: -5px;
}
	#myV li a:hover{ color:#068 }
	#myV li.active a,
	#myV li.active a:hover { color:#333 }

#containerUser > .wrap > section.active{
	display: block;
}

#containerUser > .wrap > section{
	display: none;
}

/* Classe para os breadcrumbs adicionais */
.crumbControl { display:none }

#topbar .navSearch {
	display: none; /* RETIRAR QUANDO IMPLEMENTAR CAMPO DE BUSCA */
	left: 50%;
	margin-left: -215px;
	position: absolute;
	top: 27px;
}
	#topbar .navSearch .vForm {
		margin:0;
		padding-right:24px;
		position:relative;
		width: 400px;
	}
	#topbar .navSearch .vFormIco {
		height:23px;
		padding:0;
		position:absolute;
		right:0;
		top:0;
		width:23px;
	}
	#topbar .navSearch .vFormIco:before {
		content: "c";
		color: #5F5F5F;
		line-height: 25px;
		text-align: center;
		width: 100%;
		font-size: 12px;
	}


/* PLAYER */

#playerMy {
	margin:auto;
	text-align:left;
	width:1185px;
}
#vTeaser { cursor:pointer; }
#vTeaser,
.animateTop {
	transition:top 300ms ease-in-out;
	-ms-transition:top 300ms ease-in-out;
	-moz-transition:top 300ms ease-in-out;
	-webkit-transition:top 300ms ease-in-out;
}
#vTeaser:before {
	background: #ccc url(https://s1.vagalume.com/images/sprite-player.png) 30px -811px; /*compat*/
	background: url(https://s1.vagalume.com/images/sprite-player.png), -webkit-linear-gradient(top, #FFF 5%, #BBB 100%);
	background: url(https://s1.vagalume.com/images/sprite-player.png), -moz-linear-gradient(top, #FFF 5%, #BBB 100%);
	background: url(https://s1.vagalume.com/images/sprite-player.png), linear-gradient(top, #FFF 5%, #BBB 100%);
	background-position: 30px 12px;  /*compat*/
	background-position: 30px 12px, 0 0; 
	background-repeat: no-repeat;
	border-radius: 4px;
	box-shadow: 0 0 0 4px rgba(170, 170, 170, 0.7);
	content: "";
	height: 50px;
	left: 251px;
	position: absolute;
	top: -moz-calc(50% - 25px);
	top: -webkit-calc(50% - 25px);
	top: calc(50% - 25px);
	width: 75px;
	z-index: 2;
}
	#vTeaser:hover:before {
		background:#08A url(https://s1.vagalume.com/images/sprite-player.png) 30px -856px; /*compat*/
		background:url(https://s1.vagalume.com/images/sprite-player.png), -webkit-linear-gradient(top, #0CF 5%, #08A 100%);
		background:url(https://s1.vagalume.com/images/sprite-player.png), -moz-linear-gradient(top, #0CF 5%, #08A 100%);
		background:url(https://s1.vagalume.com/images/sprite-player.png), linear-gradient(top, #0CF 5%, #08A 100%);
		background-position:30px -33px;  /*compat*/
		background-position:30px -33px, 0 0; 
		background-repeat:no-repeat;
		box-shadow:0 0 0 4px rgba(255,255,255, 0.5);
	}
	#vTeaser:after {
		content:"";
		height:100%;
		left: 0;
		position:absolute;
		top:0;
		transition:all 200ms ease-in-out;
		-ms-transition:all 200ms ease-in-out;
		-moz-transition:all 200ms ease-in-out;
		-webkit-transition:all 200ms ease-in-out;
		width:100%;
	}
	#vTeaser:hover:after {
		background-color:#000;
		background-color:rgba(0,0,0,.2);
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
		filter: alpha(opacity=20);
	}
	#vTeaser img { width:100% }
	#vTeaser .play { margin-left:20px }

#currentPlaylist {
	font-size: 12px;
	min-height: 25px;
	position: relative;
	top: 15px;
	width: 100%;
}
#currentPlaylist:before {
	float: left;
	padding-right: 5px;
}
.vPlayerStd.fullScreen #currentPlaylist { display:none }
	#currentPlaylist .p,
	#currentPlaylist .s,
	#currentPlaylist .u { color:#068 }
	#currentPlaylist .p:hover,
	#currentPlaylist .s:hover,
	#currentPlaylist .u:hover {
		color:#0AD;
		text-decoration:none;
		-webkit-transition:color 100ms ease-in-out;
		-moz-transition:color 100ms ease-in-out;
		-ms-transition:color 100ms ease-in-out;
		transition:color 100ms ease-in-out;
	}
#currentSong { margin-left:3px }
/* Sobrescrita de classes do vPlayer para o layout do MeuVagalume 
   Obs:Precisa da composição de classes .vPlayerStd.wide para sobrescrever a regra original
*/
.vPlayerStd.wide,
#vTeaser {
	margin: 0;
	position: relative;
	right: auto;
	width: 576px;
}
.vPlayerStd.wide.optOn .videoContainer, 
.vPlayerStd.wide.optOn .vidSub, 
.vPlayerStd.wide.playOptOn .videoContainer, 
.vPlayerStd.wide.playOptOn .vidSub { width:100% }
	.vPlayerStd.wide.optOn .vidSub .videoMatch,
	.vPlayerStd.wide.playOptOn .vidSub .videoMatch { visibility:visible }

.vPlayerStd.wide .videoContainer { height:325px }

.vPlayerStd.wide.hover .subCmd ~ .subText { font-size:24px }
.vPlayerStd.wide.hover .vidSub .videoMatch { position:relative }

.chooseCover #playerContainer { top:761px }

.vPlayerStd.wide .vidOpt,
.vPlayerStd.wide .vidPlayOpt {
	right:0;
	top:100%;
	-webkit-transform:translate3D(0,0,0);
	transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	z-index:1;
}
.vPlayerStd.wide.optOn .vidOpt,
.vPlayerStd.wide.playOptOn .vidPlayOpt {
	background:#08A;
	border:5px solid #08A;
	bottom:auto;
	box-shadow:0 6px 6px rgba(50,50,50,.25);
	height:541px;
}

.vPlayerStd .vidSub { margin-bottom:41px }
.vPlayerStd .progressBar { display:block }
.vPlayerStd .subCmd,
.vPlayerStd .actions {
	overflow:visible;
	padding-bottom:5px;
	height:22px;
}
.vPlayerStd .subCmd {
	height:20px;
	padding-bottom:0;
	background:#000;
}
.vidOpt .searchBox input { width:325px }

.vPlayerStd.fullScreen .progressBar { display:none }

.vidCtrl .shuffle {
	color:#fff;
	margin-left:15px;
	opacity:.5;
	width:20px;
}
	.shuffle.active { opacity:1 }
.vidCtrl .playerLight { margin-left:2px }

/* Estilos necessários existentes no vPlayer3 mas não no vPlayer2 */

.vReturn, .vNew {
	font-size: 11px;
	height: 20px !important;
	margin-bottom: 5px;
	position: relative !important;
	text-align: left;
}
.vReturn span, .vNew span {
	color: #999;
	cursor: pointer;
	left: 0;
	padding-right: 16px;
	position: absolute;
	width: 170px;
}
.vNew span {
	color: #E7E7E7;
	padding-left: 25px;
	width: 69px;
}
.newInfo {
	color: #000 !important;
	font-size: 12px;
	font-weight: bold;
	top: -7px !important;
}
.newInfo:before {
	background: url('https://s1.vagalume.com/images/seta-aviso.png');
	content: '';
	height: 21px;
	left: 0;
	position: absolute;
	top: 2px !important;
	width: 16px;
}
.vico:before {
	content: attr(data-icon);
	display: inline-block;
	font: 14px/1em normal 'VagalumeIcons';
	font-family: 'VagalumeIcons';
	-webkit-font-smoothing: antialiased;
	speak: none;
	text-transform: none;
}
.vNew .button {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC', endColorstr='#008ea1')";
	background-color: #01A6BC;
	background-image: -moz-linear-gradient(100% 100% 90deg,#008EA1, #01A6BC, #01A6BC 100%);
	background-image: -webkit-gradient(linear,0% 50%, 0% 100%,from(#01A6BC),to(#008EA1));
	border-radius: 4px;
	border: 1px solid #0299ad;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	height: 17px !important;
	left: 115px;
	outline: none;
	padding: 4px 6px 0 6px !important;
	text-shadow: -1px -1px 0px #008EA1;
	progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01A6BC', endColorstr='#008EA1');
	top: -12px;
	width: 201px;
}

#playerMy .vNew {
	font-size: 11px;
	height: 20px !important;
	text-align: left;
	top: 0 !important;
	width: 576px;
}

/**
 * Sobrescrevendo estilos do vPlayer3
 * Várias propriedades precisam de !important por serem setadas pelo vPlayer via
 * javascript, com o atributo style
 */

#playerContainer > .vPlayer3:not(.fullscreen) {
	height: 511px !important;
	width: 576px !important;
}
.vPlayer3.fullscreen {
	top: 0 !important;
}
.vPlayer3 {
	line-height: 1.45em;
}

#playerMy .vReturn {
	left: auto !important;
	height: 15px !important;
	margin: 0;
	position: relative;
	top: 0;
	width: 576px;
}

.vPlayer3 .share {
	background: none;
}

#playerContainer > .vPlayer3:not(.fullscreen) .vTabs {
	height: 9.4% !important;
}
#playerContainer > .vPlayer3:not(.fullscreen) .vContent {
	height: 90.75% !important;
}
#playerContainer > .vPlayer3:not(.fullscreen) .vContentPlayer:not(.small) {
	height: 71.61% !important;
}
#playerContainer > .vPlayer3:not(.fullscreen) .vContentProgress {
	height: 7.8% !important;
}
#playerContainer > .vPlayer3:not(.fullscreen) .vSubtitle {
	margin-top: 0 !important;
	max-height: 20.5%;
}
#playerContainer > .vPlayer3:not(.fullscreen) .vConfSub,
#playerContainer > .vPlayer3:not(.fullscreen) .vControls {
	height: 6.85% !important;
}

#playerContainer .vPlayer3:not(.fullscreen) .progress {
	left: 50.5% !important;
	margin-top: -1px;
	transition: all 300ms;
	transition-property: width, left;
	width: 78% !important;
}
#playerContainer .vPlayer3:not(.fullscreen).hovered .progress {
	left: 304px !important;
	width: 59% !important;
}

#playerContainer .vPlayer3:not(.fullscreen) .vPlaylist,
#playerContainer .vPlayer3:not(.fullscreen) .vOtherSubtitles,
#playerContainer .vPlayer3:not(.fullscreen) .vSearch {
	height: 83% !important;
	width: 95.25% !important;
}
#playerContainer .vPlayer3:not(.fullscreen) .vPlaylist {
	height: 84.75% !important;
	margin-top: 15px;
	top: 0px;
}
#playerContainer .vPlayer3:not(.fullscreen) .vSearch {
	height: 81% !important;
	margin-top: 28px
}
#playerContainer .vPlayer3:not(.fullscreen) .containerSearch {
	bottom: 10px !important;
	height: 73% !important;
}
#playerContainer .vPlayer3:not(.fullscreen) .serviceDefault>span {
	top: 3px !important;
}
#playerContainer .vPlayer3:not(.fullscreen) .vConfSub ul {
	width: 94%;
}
#playerContainer .vPlayer3:not(.fullscreen) .vSearch.downItem::before {
	bottom: 10px;
}
#playerContainer .vPlayer3:not(.fullscreen) > .vSearch.upItem::after {
	top: 101px;
}
#playerContainer .vNotifyShow {
	top: 0;
}
#playerContainer .vPlayer3:not(.hovered) .vSubtitle .textSub {
	line-height: 22px;
}
#playerContainer .inputSearch::before {
	margin-top: -7.5px;
}
#playerContainer .vNotifyPlayer .notifyIcon:before {
	margin-top: -5px;
}
#playerContainer .itemSearch .time {
	left: auto !important;
	right: 40px;
}
#playerContainer .vContentProgress .next,
#playerContainer .vContentProgress .prev {
	margin-top: -6px !important;
}
#playerContainer .vContentProgress .play,
#playerContainer .vContentProgress .repeat,
#playerContainer .vContentProgress .shuffle {
	margin-top: -7px !important;
}
#playerContainer > .vPlayer3:not(.fullscreen) .qualityButton,
#playerContainer > .vPlayer3:not(.fullscreen) .embedVagalume,
#playerContainer > .vPlayer3:not(.fullscreen) .langOther,
#playerContainer > .vPlayer3:not(.fullscreen) .langPort {
	margin-top: -7px;
}
#playerContainer > .vPlayer3:not(.fullscreen) .syncSubConf {
	top: -32px;
}
#playerContainer .contentTimeSub {
	width: 85%;
}
#playerContainer .contentTimeSub:before,
#playerContainer .contentTimeSub:after {
	letter-spacing: 4.55px;
	top: 0;
}
#playerContainer .contentTimeSub:after {
	top: -10px;
}
#playerContainer .contentTimeSub > var:before,
#playerContainer .contentTimeSub > var:after {
	letter-spacing: 22.88px;
	top: 5px;
}
#playerContainer .contentTimeSub > var:after {
	top: -15px;
}
#playerS .contentTimeSub:before,
#playerS .contentTimeSub:after {
	letter-spacing: 2.08px;
	top: -1px;
}
#playerS .contentTimeSub:after {
	top: -10px;
}
#playerS .contentTimeSub > var:before,
#playerS .contentTimeSub > var:after {
	letter-spacing: 13px;
	top: 4px;
}
#playerS .contentTimeSub > var:after {
	top: -15px;
}
.vPlayer3.fullscreen .contentTimeSub {
	width: 90% !important;
}
.vPlayer3.fullscreen .contentTimeSub:before,
.vPlayer3.fullscreen .contentTimeSub:after {
	letter-spacing: 6.525px !important;
}
.vPlayer3.fullscreen .contentTimeSub > var:before,
.vPlayer3.fullscreen .contentTimeSub > var:after {
	letter-spacing: 30.775px !important;
}
@-moz-document url-prefix() {
	#playerContainer .vContentProgress .next,
	#playerContainer .vContentProgress .prev {
		margin-top: -7px !important;
	}
	#playerContainer .vContentProgress .play {
		margin-top: -8px !important;
	}
	#playerContainer .vContentProgress .repeat,
	#playerContainer .vContentProgress .shuffle {
		margin-top: -9px !important;
	}
	#playerContainer > .vPlayer3:not(.fullscreen) .qualityButton,
	#playerContainer > .vPlayer3:not(.fullscreen) .embedVagalume {
		margin-top: -8px;
	}
	#playerContainer > .vPlayer3:not(.fullscreen) .langOther,
	#playerContainer > .vPlayer3:not(.fullscreen) .langPort {
		margin-top: -6px;
	}
	#playerContainer .vPlayer3:not(.fullscreen) .serviceDefault>span {
		top: 4px !important;
	}

	#playerContainer .contentTimeSub:before,
	#playerContainer .contentTimeSub:after {
		letter-spacing: 4.11px;
	}
	#playerContainer .contentTimeSub > var:before,
	#playerContainer .contentTimeSub > var:after {
		letter-spacing: 22.46px;
	}
	#playerS .contentTimeSub:before,
	#playerS .contentTimeSub:after {
		letter-spacing: 2.08px;
	}
	#playerS .contentTimeSub > var:before,
	#playerS .contentTimeSub > var:after {
		letter-spacing: 13px;
	}
	.vPlayer3.fullscreen .contentTimeSub:before,
	.vPlayer3.fullscreen .contentTimeSub:after {
		letter-spacing: 6.075px !important;
	}
	.vPlayer3.fullscreen .contentTimeSub > var:before,
	.vPlayer3.fullscreen .contentTimeSub > var:after {
		letter-spacing: 30.333px !important;
	}
}

/* Container do player e estilos dependentes dele */

#playerContainer {
	margin-left: 610px;
	position: absolute;
	top: 471px;
	-webkit-transition: top 300ms linear;
	-moz-transition: top 300ms linear;
	transition: top 300ms linear;
}
#playerContainer > .vPlayerStd {
	margin-left: 0;
	position: relative;
}
#playerContainer>.vPlayerStd {
	margin-bottom: 41px;
}
#playerContainer>.vPlayerStd>.vidCtrl {
	bottom: -41px;
}

/* PLUGIN PICK COLOR */

#color{
	height: 20px;
	margin-bottom: 12px;
	padding-left: 30px;
	position: relative;
	width: 170px;
}
.formColor {
	margin-top: 35px;
	position: relative;
	width: 169px;
}

.boxColor {
	background: #000;
	border-radius: 5px;
	content: '';
	display: block;
	height: 20px;
	left: 6px;
	position: absolute;
	top: 5px;
	width: 20px;
	z-index: 999;
}
.farbtastic {
  position: relative;
  cursor: crosshair;
  margin-top: 37px;
}
.farbtastic, .farbtastic .wheel {
  height: 195px;
  position: absolute;
  width: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  height: 101px;
  left: 47px;
  position: absolute;
  top: 47px;
  width: 101px;
}
.farbtastic .wheel {
  background: url(/img/wheel.png) no-repeat;
  height: 195px;
  position: absolute;
  width: 195px;
}
.farbtastic .overlay {
  background: url(/img/mask.png) no-repeat;
  position: absolute;
}
.farbtastic .marker {
  background: url(/img/marker.png) no-repeat;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  position: absolute;
  width: 17px;
}
#colorpicker {
	height: 100%;
}


/* CANVAS de compatibilidade */

.compatibilityUser {
	display: block;
	left: -41px;
	opacity: 0.8;
	position: absolute;
	top: -40px;
}
.partInfo .compatibilityUser,
.userFollow .compatibilityUser,
.usersFound .compatibilityUser {
	display: block;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
}
.partInfo .compatibilityUser{
	left: -10px;
	top: 5px;
}

.partInfo .percentImage,
.userFollow .percentImage,
.usersFound .percentImage {
	background-color: rgba(17, 17, 17, 0);
	border-radius: 90px;
	height: 60px;
	left: 7px;
	position: absolute;
	top: 7px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	width: 60px;
	z-index: 999;
}
.partInfo .percentImage{
	height: 70px;
	left: 0;
	top: 15px;
	width: 70px;
}

.loadCompatibility {
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(255, 255, 255, 0.57);
	background-image: url(https://s1.vagalume.com/images/processing.gif);
	border-radius: 80px;
	height: 74px;
	left: 0;
	top: 0;
	position: absolute;
	width: 72px;
	z-index: 100;
}

.percentImage {
	background-color: rgba(255, 255, 255, 0);
	border-radius: 90px;
	height: 147px;
	left: 0px;
	position: absolute;
	top: 1px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	width: 147px;
}
.percentImage:hover {
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 90px;
	display: block;
}
.percentImage:before,.percentImage:after{
	color: #FFF;
	content:attr(data-percent);
	font-size: 30px;
	font-weight: bold;
	left: 21px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 32px;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	width: 100px;
}
.userFollow .percentImage:before,
.userFollow .percentImage:after,
.usersFound .percentImage:before,
.usersFound .percentImage:after,
.partInfo .percentImage:after,
.partInfo .percentImage:before{
	font-size: 23px;
	left: -18px;
	top: 16px;
}

.partInfo .percentImage:after,
.partInfo .percentImage:before{
	left: -15px;
	top: 21px;
}

.mySug .percentImage:after{
	content: 'compatível com você!';
	font-size: 14px;
	font-weight: normal;
	left: -5px;
	text-align: center;
	top: 73px;
	width: 150px;
}
.percentImage:hover:before,.percentImage:hover:after{
	opacity:1;
}

.percentImage ~ img{
	box-shadow: none!important;
}

/* Obter playlists Similares */

.getSimilar {
	width: 580px;
}
.getSimilar.noSuggest {
	background: url('/img/noPlaylistSuggest.png') no-repeat center;
	height: 130px;
}
.getSimilar ul {
	height: 460px;
	overflow-y: auto;
	padding: 20px 15px 0 0;
}
.similarPlay {
	height: 68px;
	margin: 0 0 15px 0;
	padding: 5px 0 5px;
	position: relative;
	width: 540px;
}
.similarPlay .userName, .similarPlay .playName{
	float:left;
	font-size:15px;
	font-weight:bold;
	margin-top:4px;
	position:relative;
}
.similarPlay .playName { padding-right:30px }
.similarPlay .userName{
	font-weight:normal;
	left:85px;
	margin-top:10px;
	position:absolute;
	top:20px;
}
.similarPlay .pic{
	margin-right: 15px;
}
.similarPlay .descrArtist{
	color: #CCC;
	font-size: 14px;
	left: 85px;
	position: absolute;
	top: 52px;
}
.similarPlay .playName span{
	font-size: 11px;
	margin-left: 3px;
	position: absolute;
	top: -1px;
}
.isConnected .similarPlay .rating {
	cursor:default;
	float:left;
	position:relative;
	top:4px;
}
.isConnected .similarPlay .rating b:hover.ico:before, .isConnected .similarPlay .voted.ico:before {
	color: rgb(104, 104, 104);
}
.similarButtonPlay .play {
	display: none;
	position: absolute;
	right: 10px;
	top: 33px;
}
.similarPlay:hover{
	background: #F8F8F8;
}
.similarPlay:hover .play {
	display: block;
}

.userFollow .descrArtist {
	color: #CCC;
	display: block;
	margin: 3px 0 0 31px;
}


/* MODAL DE BUSCAR USUARIOS OU PLAYLIST */

#subNavSearch {
	margin: 25px 0 0 0;
	position: relative;
}
	#subNavSearch > ul {
		height: 40px;
	}

	#subNavSearch li{
		color:#0088AA;
		cursor: pointer;
		float: left;
		font-size: 14px;
		margin-right: 15px;
		position: relative;
		z-index: 100;
	}
	#subNavSearch a{
		display: block;
		padding:5px 10px 5px 10px;
	}
	#subNavSearch li:before {
		border-left: 1px solid #fff;
		color: #FFF;
		padding-left: 5px;
		position: absolute;
		right: 7px;
		top: 6px;
	}
	#subNavSearch .active {
		background-color: #0088AA;
		color:#fff;
	}

#subNavSearch a:hover:before,
#subNavSearch .active:before,
#subNavSearch .active a:before,
#subNavSearch a.semiActive:before { border-color: #08A }

#subNavSearch a:before {
	border-top:5px solid #CCC;
	content:"";
	left:0;
	position:absolute;
	top:-6px;
	width:100%;
}

#subNavSearch .marked:before, #subNavSearch .marked:before{
	border-color: #08A;
}

#subNavSearch .active a, #subNavSearch .active a{
	color:#fff;
}

.vBtn.filterSearch {
	height: 17px;
	line-height: 17px;
	position: absolute;
	right: 0;
	top: -3px;
}

.vBtn.filterSearch:after {
	content: "\25be";
	font-size: 14px;
	margin: 0 6px;
}


/* MODAL DE EMBED DO PLAYER */

#embedPlayerModal {
	height: 620px;
	width: 980px;
}

.embed-left,
.embed-right {
	float: left;
	width: 307px;
}
.embed-left {
	border-right: 1px solid #DDD;
	height: 100%;
	padding-right: 10px;
}
.embed-right {
	height: 100%;
	padding-left: 20px;
	width: 640px;
}
.embed-left ul{
	margin-top: 20px;
	position: relative;
}
.embed-left ul:first-child{
	margin-top: 0;
}
.embed-left .firstStep > li{
	display: inline-block;
}
.embed-left ul > span{
	margin-left: 25px;
	font-weight: bold;
}
.embed-left .titleStep{
	margin-left: 25px;
}
.firstStep > .titleStep:before,
.secondStep > .titleStep:before,
.thirdStep > .titleStep:before{
	background: #555;
	border-radius: 20px;
	color:#fff;
	content: '';
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 20px;
}
.firstStep > .titleStep:before{
	top: 3px;
}

.firstStep > .titleStep:after,
.secondStep > .titleStep:after,
.thirdStep > .titleStep:after{
	color: #fff;
	content:'1';
	left: 6px;
	position: absolute;
	top: 1px;
}
.firstStep > .titleStep:after{
	top: 5px;
}
.secondStep > .titleStep:after{
	content: '2';
}
.thirdStep > .titleStep:after{
	content: '3';
}

#embedPlayerModal .firstStep .vSel{
	margin: 0 0 0 9px;
	top: 0;
	width: 160px;
}
.thirdStep textarea{
	display: block;
	height: 210px;
	margin-top: 20px;
	width: 290px;
}
.secondStep > li {
	margin-top: 14px;
}
.secondStep .theme span,
.secondStep .layout span,
.secondStep .loop span,
.secondStep .size span,
.secondStep .shuffle span{
	cursor: pointer;
	margin-left: 40px;
	position: relative;
}
.secondStep .theme span:before,
.secondStep .layout span:before,
.secondStep .size span:before,
.secondStep .loop span:after,
.secondStep .shuffle span:after{
	background-color: #fff;
	border:1px solid #8a8a8a;
	border-radius: 20px;
	content: '';
	display: block;
	height:15px;
	left: -21px;
	position: absolute;
	top: -1px;
	width: 15px;
}
.secondStep .theme .active:after,
.secondStep .layout .active:after,
.secondStep .size .active:after{
	background-color: #0089aa;
	border-radius: 20px;
	content: '';
	display: block;
	height: 7px;
	left: -16px;
	position: absolute;
	top: 4px;
	width: 7px;
}
.secondStep .loop .selected:before,
.secondStep .shuffle .selected:before{
	color: #0089AA;
	font-size: 9px;
	left: -17px;
	position: absolute;
	top: 4px;
	z-index: 999;
}
#vModalPositioner.positionerEmbed{
	max-width: 1030px;
}
.embed-right span {
	font-weight: bold;
}
.positionerEmbed .playerPreview {
	margin-top: 22px;
}
.positionerEmbed .playerPreview iframe{
	display: block;
	margin: 0 auto;
}
.firstStep .vForm {
	font-weight: bold;
}

.inputSize{
	display: none;
	position: relative;
}
.inputSize.show{
	display: block;
	margin-left: 54px;
}
.inputSize.show:before {
	color: #AAA;
	content: 'x';
	font-size: 13px;
	left: 91px;
	position: absolute;
	top: 14px;
}
.size .vForm {
	margin-left: 23px;
	margin-top: 11px;
	width: 50px;
}
.inputSize.check .vForm{
	background-color: #BDFFCF;
	border-color: #83BD91;
}

.positionerEmbed .colors input{
	margin-left: 35px;
	padding-left: 11px;
	width: 55px;
}
.positionerEmbed .colors{
	position: relative;
}
.positionerEmbed .boxColor {
	background: #000;
	border-radius: 5px;
	content: '';
	display: block;
	height: 14px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 14px;
	z-index: 999;
}
.positionerEmbed .colorpicker {
	background: #FFF;
	box-shadow: 1px 2px 7px 1px rgba(0, 0, 0, 0.32);
	display: none;
	height: 196px;
	left: 50px;
	position: absolute;
	top: 26px;
	width: 196px;
	z-index: 99999;
}
.positionerEmbed .colorpicker.show{
	display: block;
}
.positionerEmbed .farbtastic{
	margin: 0;
}

.positionerEmbed .colors .vBtn {
	border-radius: 3px 0 0 3px;
	height: 12px;
	left: 49px;
	position: absolute;
	width: 15px;
}
.positionerEmbed .secondColor .vBtn{
	left: 157px;
}
.embed-left ul >span,
.embed-right > span {
	font-size: 13px;
}

.embed-left .moreInfo{
	display: block;
	margin: 20px 0 0 0;
}

#vModalContent #publicSocialNetworks {
	margin-top: 10px;
}

#vModalContent #publicSocialNetworks p:nth-child(2) {
	cursor: pointer;
	font-family: Arial, Verdana, "Bitstream Vera Sans", Helvetica, Sans-serif, "Droid Sans", "DejaVu Sans";
	font-size: 14px;
	margin: -18px 0 0 25px;
}
#vModalContent #preferencesVgl > span {
	bottom: 25px;
	position: absolute;
	right: 20px;
}

/**
 * Notify
 */
#vNotify {
	bottom: 10px;
	position: fixed;
	right: 10px;
	z-index: 999999999;
}
.vNotify {
	background: #FFF;
	background-color: #D9EDF7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 0px solid rgba(0, 0, 0, 0.27);
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.16);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16) !important;
	box-sizing: initial !important;
	color: #3A87AD;
	display: block !important;
	font-size: 1.3em;
	height: auto !important;
	margin: -7px 0 0 0 !important;
	max-height: 1px;
	opacity: 0;
	overflow: hidden;
	padding: 0 25px 0 10px !important;
	position: relative !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	top: 0 !important;
	-webkit-transform: translateX(330px);
	-moz-transform: translateX(330px);
	-ms-transform: translateX(330px);
	transform: translateX(330px);
	-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	width: 250px !important;
}
.vNotifyShow {
	border-width: 1px;
	max-height: 200px;
	opacity: 1;
	margin: 5px 5px 10px 5px;
	padding: 10px 25px 10px 10px !important;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.vNotifyShow.success {
	background-color: #96EC73;
	border-color: #9ADA65
	color: #145E15;
}
.vNotifyShow.error {
	background-color: #E02C2C;
	border-color: #EED3D7
	color: #FFF;
}
.vNotifyShow.warning {
	background-color: #FCF8E3;
	border-color: #FCF8E3
	color: #C09853;
}
.vNotifyShow .close {
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	opacity: 0.8;
	padding: 0;
	position: absolute;
	right: 15px;
	text-shadow: 0 1px 0 #FFF;
	top: 8px;
}
.vNotifyShow .close:hover {
	color: #000;
	opacity: 0.4;
}
.vNotifyShow:before {
	display:none;
}
#searchUsers.noUser {
	margin-right: 220px;
}