/* CSS Document */

/* ============================= */
/* ========= reset css ========= */
/* ============================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent }

body{line-height:1; font-family:Verdana, Geneva, sans-serif; font-size:11px; background:#fff;}

ol, ul {list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus {outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* ============================= */
/* ========= container ========= */
/* ============================= */

.contingut {
	overflow:visible;
	display:none;
	}

.siteMusicBox { width:807px;}

.headerPage 	{ 
		width: 807px; 
		padding-top:7px; 
		padding-bottom:15px;  
		text-align:left;
		/*border:#999999 1px dotted;*/
		}
.contentTopPage { border-top:#999999 1px dotted; height:23px;}
.contentTopPage .internalLinks{ padding-top:5px;  height:17px; float:left; }
.contentTopPage .internalLinks ul{}
.contentTopPage .internalLinks li{ float:left; font-size:14px; font-weight:700; color:#00a8ba; font-family:Verdana, Geneva, sans-serif; padding-right:4px; }

.contentTopPage .areaLogin {padding-top:3px;  height:19px; float:right; padding-bottom:3px;}
.contentTopPage .areaLogin .name{ float:left; padding-right:8px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#787878; font-weight:700; padding-top:4px;}
.contentTopPage .areaLogin .name span { color:#00a8ba;}
.contentTopPage .areaLogin .botChangePassword{ float:left;}
.contentTopPage .areaLogin .botLogOut{ float:left; margin-left:1px;}
.contentTopPage .areaLogin .botLembrar{ float:left;}
.contentTopPage .areaLogin .botActiva{ float:left;}
.contentTopPage .areaLogin .botLogIn{ float:left; margin-left:1px;}

.contentInfoMusicBox {}
.contentInfoMusicBox .contentLeftMusicBox{ width:528px; padding-top:15px; float:left;}

#tableContentLeft { width:528px; border:none;}
.areaTopMusic { width:249px}
#tableAreaTopMusic { width:249px; border:none;}
#tableAreaTopMusic td { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; font-weight:700; height:15px; padding-top:4px; padding-bottom:2px;  vertical-align:middle; border-bottom:#999999 1px dotted; }
#tableAreaTopMusic td span { color:#404040; font-weight:normal;}
#tableAreaTopMusic td .heightTitle {}
#tableAreaTopMusic td a {color:#00a8ba; text-decoration:none;}
#tableAreaTopMusic .iconPlay {width:17px;}
#tableAreaTopMusic .iconDownload { width:19px}
#tableAreaTopMusic .titleMusic { width:195px;}
#tableAreaTopMusic .star { text-align:right; }

.areaTopArtists { width:249px; border:none; }
.areaTopDiscography { width:249px; border:none; margin-top:20px;}
.areaTopSimilarityArtists { width:249px; border:none; margin-top:20px;}
#areaTopArtists td, #areaTopDiscography td, #areaTopSimilarityArtists td {border-bottom:#999999 1px dotted; padding-bottom:5px; vertical-align:top;}

.wrapper {display: table; padding:0px; margin:0px; width:122px; margin-top:5px; }
DL{ display: table-row; }
DT { display: table-cell; vertical-align:top; float:left;}
DD { display: table-cell; vertical-align:top; *float:left; *display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; font-weight:700; padding-right:5px; text-align:left }
.areaTopArtists .wrapper DD a, .areaTopSimilarityArtists .wrapper DD a {color:#00a8ba; text-decoration:none; text-align:left }
.areaTopArtists .wrapper DT, .areaTopSimilarityArtists .wrapper DT{ width:55px;}
.areaTopArtists .wrapper DT img, .areaTopSimilarityArtists .wrapper DT img{ width:49px; height:49px; border:#d3d3d3 1px solid;}

#areaLastReleases { width:249px; border:none;}
#areaLastReleases td { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; font-weight:700; height:15px; padding-top:4px; padding-bottom:2px;  vertical-align:top; border-bottom:#999999 1px dotted; }
#areaLastReleases td span { color:#404040; font-weight:normal;}
#areaLastReleases td a {color:#00a8ba; text-decoration:none;}
#areaLastReleases .iconPlay {width:17px;}
#areaLastReleases .iconDownload { width:17px}
#areaLastReleases .iconPlayList {width:19px}
#areaLastReleases .photoArtist { width:53px; padding-bottom:5px;}
#areaLastReleases .photoArtist img{ width:49px; height:49px; border:#d3d3d3 1px solid; }
#areaLastReleases .titleMusic { width:135px; }

#areaSuggestions { width:249px; border:none;}
#areaSuggestions td { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; font-weight:700; height:15px; padding-top:4px; padding-bottom:2px;  vertical-align:top; border-bottom:#999999 1px dotted; }
#areaSuggestions td span { color:#404040; font-weight:normal;}
#areaSuggestions td a {color:#00a8ba; text-decoration:none;}
#areaSuggestions .iconPlay {width:17px;}
#areaSuggestions .iconDownload { width:17px}
#areaSuggestions .photoArtist { width:53px; padding-bottom:5px}
#areaSuggestions .photoArtist img{ width:49px; height:49px; border:#d3d3d3 1px solid; }
#areaSuggestions .titleMusic { width:140px;}

#tableHightlightArtist { width:528px; border:none; vertical-align:top; margin-top:14px;}
#tablePhotoHighLightArtist {vertical-align:top; }
#tablePhotoHighLightArtist td{ vertical-align:top; padding-right:5px;}
#tablePhotoHighLightArtist td img { padding-top:5px;}
#tablePhotoHighLightArtist td .artistName { font-size:14px; font-weight:700; font-family:Arial, Helvetica, sans-serif; color:#FFF; background-color:#00a8ba; padding-top:4px; padding-left:6px; padding-right:6px; padding-bottom:4px; margin-top:1px;}

.bestAlbum { vertical-align:top; width:247px; margin-top:15px;}
.bestAlbum .title{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#00a8ba;}
.bestAlbum #tableBestAlbum{ width:247px; }
.bestAlbum #tableBestAlbum td { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; font-weight:700; padding-top:6px; padding-bottom:2px;  vertical-align:top; border-bottom:none; }
.bestAlbum #tableBestAlbum td strong { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#404040;}
.bestAlbum #tableBestAlbum td span { color:#404040; font-weight:normal; font-size:11px;}
.bestAlbum #tableBestAlbum td a {color:#00a8ba; text-decoration:none; }
.bestAlbum #tableBestAlbum .iconPlayList {width:17px; vertical-align:top;}
.bestAlbum #tableBestAlbum .photoArtist { width:53px; padding-bottom:8px; }
.bestAlbum #tableBestAlbum .photoArtist img{ width:49px; height:49px; border:#d3d3d3 1px solid; }
.bestAlbum #tableBestAlbum .titleMusic { width:140px;}
.colorGrey { color:#afa9a4 !important;}

.bestMusics {vertical-align:top; width:247px; margin-top:10px;}
.bestMusics .title { border-bottom:#999999 1px dotted; padding-bottom:5px;}
.bestMusics #tableBestMusics{ width:247px;  border:none;}
.bestMusics #tableBestMusics td { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#404040; font-weight:700; height:15px; padding-top:4px; padding-bottom:2px;  vertical-align:middle; border-bottom:#999999 1px dotted; }
.bestMusics #tableBestMusics td a {color:#404040; text-decoration:none;}
.bestMusics #tableBestMusics .iconPlay {width:17px;}
.bestMusics #tableBestMusics .iconDownload { width:24px}
.bestMusics #tableBestMusics .titleMusic { width:180px;}
.bestMusics #tableBestMusics .star { text-align:right; }

.contentInfoMusicBox .contentRightMusicBox{ width:250px; float:right; }
.contentInfoMusicBox .contentRightMusicBox .contentSearch {height:20px; margin-bottom:14px;}
.contentInfoMusicBox .contentRightMusicBox .contentSearch label{ vertical-align:middle;}
.contentInfoMusicBox .contentRightMusicBox .contentSearch input.textBoxSearch{  border:#04a9bb 1px solid; font-size:11px; margin-top:3px; width:175px;}
.contentInfoMusicBox .contentRightMusicBox .contentSearch input.buttonSearch { background:url(../images/bot_search.gif) no-repeat left top; border:none; height:16px; width:16px; vertical-align:middle; margin-top:-4px; cursor:pointer;}

/*Accordion*/
.basic  {}
.basic div.contentAcoordion {padding-left:13px; border-top: 0; padding-bottom: 30px;background:#ffffff url(../images/bg_playlist.gif) repeat-x left bottom; padding-top:20px; }

.basic h3 {cursor:pointer;display:block;
	background-color: #303030;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	/*background: url(../images/icon_arrow-open.gif) no-repeat 220px 16px !important;*/
}
.basic a:hover {}
.basic h3.selected {background: url(../images/icon_arrow-close.gif) no-repeat 220px 16px !important;}
.basic h3.bgBlack { background-color:#303030 !important; height:30px !important;}
.basic h3.bgBlue { background-color:#00a8ba !important;  height:28px !important; padding-top:9px; padding-left:10px;}

/*
.basic h3.bgBlack.selected{ background-color:#303030 !important; height:30px !important;}
.basic h3.bgBlue.selected{ background-color:#00a8ba !important;  height:28px !important; padding-top:9px; padding-left:10px;}*/

.playerstatus {
		background-color:#303030; 
		height:15px;
		width:250px;
		color:#FFFFFF;
		margin-top:1px;
		margin-bottom:1px;
		}

.playList { 
	width:248px; 
	/*border:#dfdfdf 1px solid;*/
	border:#303030 1px solid;
	}
.playList #accordion .contentPlaylist { padding-top:13px; padding-left:10px;}
.playList #accordion .contentPlaylist ul { }
.playList #accordion .contentPlaylist li { float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:700;}
.playList #accordion .contentPlaylist li img { padding-right:1px;}
.playList #accordion .contentPlaylist li span { color:#979696; padding-left:5px; }
.playList #accordion .contentPlaylist li a { display:block;}

.playList #accordion .contentPlaylist li.musicPlaying {
		text-align:right;
		display:inline;
		vertical-align: top;
		margin:0; 
		padding:0;
		margin-top:3px;
		outline:0;
		width:155px; 
		overflow:hidden; 
		padding-top:0px;
		}

.playList #accordion .contentPlaylist .content { }
.head { 
	/*border-bottom:#999999 1px dotted; */
	padding-top:5px;
	padding-bottom:3px;
	margin-right:13px; 
	text-align:center;
}

.playListArea { 
	/*padding-top:2px; */
	/*text-align:center;*/
}

.playListArea ul{
	border-bottom:#999999 1px dotted;
}

.playListArea li{ 
	margin-top:4px;
	float:left; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#00a8ba; 
	/*border-bottom:#999999 1px dotted; */
	vertical-align:middle; 
	height:18px;
}

.playListArea li img { margin-top:-2px; padding-left:3px;}
.playListArea li span { color:#afa9a4; font-size:10px;}
.playListArea li.nameMusic { width:152px;}
.playListArea a { text-decoration:none; color:#00a8ba;}
.plylsongs {
	/*text-align:center;*/
	border-left:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	background-color:#f0f0f0;
}

.nameMusic {
	text-align:left;
	margin-left:10px;
}

.banner { 
	/* margin-top:16px;*/
	margin-bottom:16px;
	border:#dfdfdf 1px solid;
	}

.banner2 { 
	/* margin-top:16px;*/
	margin-bottom:16px;
	border-left:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	}


.contentTypesOfMusic { background-color:#00a8ba; }
.contentTypesOfMusic .typeMusic  {border-top:#FFF 1px dotted; border-bottom:1px dotted #FFF; margin-left:13px;  margin-right:13px; padding-bottom:2px; }
.contentTypesOfMusic .typeMusic ul {  }
.contentTypesOfMusic .typeMusic li { background-color:#FFF; color:#00a8ba; float:left; margin-right:4px; padding:2px;margin-top:2px;}
.contentTypesOfMusic .typeMusic li a {color:#00a8ba; text-decoration:none;}
.buttonAddPlayList { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-top:13px; padding-bottom:10px; text-align:right; padding-right:18px;}
.buttonAddPlayList a { color:#FFF; text-decoration:underline;}

.musicList {  
	/*height:210px;*/
	width:220px;
	margin-right:13px;
	}
.musicList ul{}
.musicList li{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#00a8ba; border-bottom:#999999 1px dotted; padding-top:7px; padding-bottom:7px;  }
.musicList li span { color:#afa9a4; font-size:10px;}
.musicList li.nameMusic { width:200px;}

.layerHide{ z-index:500; position:relative;}
#layerQuestiontr { z-index:100; position:absolute; background: url(../images/bg_tooltip.gif); width:141px; height:45px; top:-40px; left:0px; bottom:0px; display:none;  }
#layerQuestiontr .information { }
#layerQuestiontr .informationTxt { font-size:10px; color:#9b9b9b; font-family:Arial, Helvetica, sans-serif;  padding:4px; line-height:12px; line-height:15px;}
#layerQuestiontr .informationTxt span {  font-weight:bold; color:#128387; }
#layerQuestiontr .informationTxt a {color:#9b9b9b; text-decoration:none;}

#layerQuestiontr1 { z-index:100; position:absolute; background: url(../images/bg_tooltip.gif); width:141px; height:45px; top:-15px; left:0px; bottom:0px; display:none; }
#layerQuestiontr1 .information { }
#layerQuestiontr1 .informationTxt { font-size:10px; color:#9b9b9b; font-family:Arial, Helvetica, sans-serif;  padding:4px; line-height:12px; line-height:15px;}
#layerQuestiontr1 .informationTxt span {  font-weight:bold; color:#128387; }
#layerQuestiontr1 .informationTxt a {color:#9b9b9b; text-decoration:none;}

/*Page Advanced Search*/

.contentAdvancedSearch {width:528px; margin-top:9px;}
.contentAdvancedSearch .title{}
.contentAdvancedSearch .areaAdvancedSearch{ padding-top:29px;}
.contentAdvancedSearch .areaAdvancedSearch .field{ padding-bottom:11px;}
.contentAdvancedSearch .areaAdvancedSearch .field .nameArtistLabel{ float:left; width:126px; height:13px; background-color:#f0f0f0; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#00a8ba; padding-top:3px; padding-left:3px; margin-top:2px;}
.contentAdvancedSearch .areaAdvancedSearch .field .nameArtistInput{ float:left; margin-left:11px;}
.contentAdvancedSearch .areaAdvancedSearch .field .nameArtistInput input{ width:280px; height:14px; border:#9b9b9b 1px solid; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.contentAdvancedSearch .areaAdvancedSearch .field .buttonSearch{ float:left; margin-left:13px;}
.contentAdvancedSearch .areaAdvancedSearch .field .buttonSearch input { background:url(../images/bot_pesquisar.gif) no-repeat left top; width:90px; height:16px; border:none; cursor:pointer; }

#tableSearchResults { width:528px; border:none;}
#tableSearchResults .contentSearchResults { margin-top:20px;width:528px;}
#tableSearchResults .contentSearchResults .title { background:url(../images/tit_musicas.gif) no-repeat left top; width:454px; height:64px; padding-left:74px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#FFF; padding-top:4px; }
#tableSearchResults .contentSearchResults .title2 {}
#tableSearchResults .contentSearchResults .areaSearchResults { }
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic{ float:left; padding-right:15px;border-bottom:#999999 1px dotted; padding-top:8px; }
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .icons{ float:left; width:40px;  height:21px; }
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .icons a { float:left;margin-right:1px;}
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .nameAuthorMusic{ float:left; width:153px; font-size:11px; color:#404040; line-height:13px; padding-bottom:10px; }
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .nameAuthorMusic strong { color:#00a8ba;}
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .nameAuthorMusic span { color:#afa9a4;}
#tableSearchResults .contentSearchResults .areaSearchResults .blockMusic .vote{ float:left; width:55px;}

#tableArtistas { width:528px; border:none; margin-top:10px;}
#tableArtistas .areaArtist .blockArtist {border-bottom:#999999 1px dotted; padding-bottom:5px;width:249px; float:left; padding-right:15px;}
#tableArtistas .areaArtist .blockArtist .wrapper {display: table; padding:0px; margin:0px; width:249px; margin-top:5px;  }
#tableArtistas .areaArtist .blockArtist .wrapper DD { width:193px; line-height:13px;  }
#tableArtistas .areaArtist .blockArtist .wrapper DD a {color:#00a8ba; text-decoration:none; text-align:left }
#tableArtistas .areaArtist .blockArtist .wrapper DD span { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#404040; font-weight:normal;}
#tableArtistas .areaArtist .blockArtist .wrapper DT { width:55px; }
#tableArtistas .areaArtist .blockArtist .wrapper DT img{ width:49px; height:49px; border:#d3d3d3 1px solid;}
.spacerArtist { width:20px; height:1px; float:left;}

#tableAlbuns { width:528px; border:none;}
#tableAlbuns .contentAlbuns {}
#tableAlbuns .contentAlbuns  .title {}
#tableAlbuns .contentAlbuns .blockAlbuns { float:left; width:264px; border-bottom:#999999 1px dotted; padding-bottom:5px; padding-top:5px; }

#tableAlbuns .contentAlbuns .blockAlbuns .icons{ float:left; width:40px;  height:21px; }
#tableAlbuns .contentAlbuns .blockAlbuns .icons a { float:left;margin-right:1px;}
#tableAlbuns .contentAlbuns .blockAlbuns .photo{ float:left; width:55px; }
#tableAlbuns .contentAlbuns .blockAlbuns .photo img {border:#d3d3d3 1px solid; width:49px; height:49px;}
#tableAlbuns .contentAlbuns .blockAlbuns .nameAuthorMusic{ float:left; width:153px; font-size:11px; color:#404040; line-height:13px; padding-bottom:10px;}
#tableAlbuns .contentAlbuns .blockAlbuns .nameAuthorMusic strong { color:#00a8ba;}
#tableAlbuns .contentAlbuns .blockAlbuns .nameAuthorMusic span { color:#afa9a4;}

.blockSimilarArtists { margin-top:5px; border-bottom:#999999 1px dotted; padding-bottom:5px;}
.blockSimilarArtists .photo{ float:left; width:55px; }
.blockSimilarArtists .photo img {border:#d3d3d3 1px solid; width:49px; height:49px;}
.blockSimilarArtists .nameAuthorMusic{ float:left; width:153px; font-size:11px; color:#404040; line-height:13px; padding-bottom:10px;}
.blockSimilarArtists .nameAuthorMusic strong { color:#00a8ba;}
.blockSimilarArtists .nameAuthorMusic span { color:#afa9a4;}

.boto_blau_new {
	background-color: #0098AF;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	border: #FFF 1px solid;
	text-align:center;
	padding: 2px 5px 2px 5px;
}

.paginador {
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	/*color:#afa9a4;*/
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-weight: bold;
	text-align:right;
	margin: 7px 0px 7px 0px;
}

.rating {
	border: #FFF 1px solid;
	}

.plysongname {
	display:inline;
	vertical-align: top;
	color: #FFFFFF;
	font-size: 8pt;
	position: relative;
	overflow: hidden;
	margin:0; 
	padding:0;
	border:0;
	outline:0;
	white-space: nowrap;
	text-align:right;
	}

.plysongname2 {
	vertical-align: top;
	color: #000000;
	font-size: 8pt;
	position: relative;
	}

.plyalbumname2 {
	vertical-align: top;
	color: #00a8ba;
	font-size: 8pt;
	position: relative;
	font-weight:bold;
	}

.salt {
	height:16px;
}

#addpl {

}

.titlepopup {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color: #00a8ba;
	text-decoration: none;
}

.textpopup {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #00a8ba;
	text-decoration: none;
}

.statusok {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #1FCB4A;
	text-decoration: none;
	height:17px;
}

.statusko {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #FF4848;
	text-decoration: none;
}