/* ============================================================
National Geographic Music Global CSS

Notes:
================

In This CSS:
================
+GlobalModules
+PurchaseMusic
+News
+Newsletter
+Video
+FeaturedSong
+ArtistPage
+LabelPage
+Country&RegionPage

============================================================ */

/* ------------------------------------------------------------
+GlobalModules
------------------------------------------------------------ */
div.module {
  width: 653px;
  min-height: 112px;
  margin-bottom: 5px;
	position: relative;
}

div.full_width div.module {
  width: 982px;  
}

div.module div#popup_caption, 
div.module div.module_caption {
	position:absolute;
	top: 8px;
	right: 34px;
}

div.module div.module_caption {
	top: 1px;
	right: 7px;
	width: 65px;
}

div.module div#popup_caption a,
div.module div.module_caption {
	font-weight: bold;
	color: #fff;
}

div.featured_home,
div.sidebar div.module {
  width: 324px;
}

div.module h3 {
  color: #f2ff53;
  background: #111 url(../images/nav/module_top_1.gif) no-repeat 100% 0;
  height: 15px;
  padding: 5px 10px 10px 10px;
  margin-bottom: 1px;
}

div.top_2 h3 {
  background: #111 url(../images/nav/module_top_2.gif) no-repeat 100% 0;
}

div.top_3 h3 {
  background: #111 url(../images/nav/module_top_3.gif) no-repeat 100% 0;
}

div.top_4 h3 {
  background: #111 url(../images/nav/module_top_4.gif) no-repeat 100% 0;
}

div.top_5 h3 {
  background: #111 url(../images/nav/module_top_5.gif) no-repeat 100% 0;
}

div.top_6 h3 {
  background: #111 url(../images/nav/module_top_6.gif) no-repeat 100% 0;
}

div.module h5, div.module h6, div.article h6.related_links {
  font-size: 14px; 
  font-weight: bold;
  line-height: 20px;
}

div.module div.frame {
  border: 1px solid #989898;
  background-color: #FFF;
  padding: 1px;
}

div.module div.frame div.contents {
  background: transparent url(../images/nav/module_gradient_1.gif) repeat-x 0 100%;
  padding: 10px 13px;
}

div.module div.frame div.contents ul li {
  padding: 10px 0;
}

div.module div.frame div.contents ul li ul li,
div.module div.frame div.promo ul li {
 padding: 0;
}

div.module div.frame .thumbnail {
	margin:0;
	padding:0;
	font-size: 0;
	line-height: 0;
  float: left;
  width: 90px;
  height: auto;
  *height: 70px;
  border: 1px solid #999999;
  overflow: hidden;
}

div.feature div.frame .thumbnail {
  height: 85px;
}  

div.module div.frame div.contents div.description {
  margin-left: 12px;
  float: right;
  width: 229px;
}

div.module div.frame div.contents div.promo {
  width: 178px;
}


/* ------------------------------------------------------------
+PurchaseMusic
------------------------------------------------------------ */
#purchase_music div.frame div.contents {
  background: #ddd url(../images/nav/module_gradient_2.gif) repeat-x 0 100%;
}

#purchase_music div.frame div.contents h4 {
  background: transparent url(../images/icons/purchase_music.png) no-repeat 30px 50%;
  padding: 30px 30px 30px 130px;
  color: #0084c1;
  font-weight: bold;
}

#purchase_music div.frame div.contents h4 a {
  font-weight: normal;
  color: #000;
}

/* ------------------------------------------------------------
+News
------------------------------------------------------------ */

div.module div.frame div.contents ul.news li {
  padding: 0;
  border: none;
}

div.module div.frame div.contents ul.news li.first {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

div.module ul.news li div.thumbnail {
  margin-right: 18px;
  width: 243px;
  height:150px;
}

div.module div.frame div.contents ul.news li div.description {
  color: #666;
  font-size: 12px;
  float: left;
  width: 358px;
  margin-left: 0;
}

div.module div.frame div.contents div.module ul.news li div.full {
  width: 619px;
}


div.module ul.news li div.description img {
  padding-right: 20px;
}

div.module ul.news li div.description h5 {
  font-size: 11px;
  color: #999;
  margin: 0;
}

div.module ul.news li div.description h4 {
  padding: 4px 0 6px 0;
  color: #2c7fd2;
  font-size: 16px;
  font-weight: bold;
}

div.module ul.news li h6 {
  display: inline;
  color: #2C7ED1;
  padding-right: 4px;
  font-weight: bold;
}

div.module ul.news li a.arrow {
  color: #666;
  line-height: 16px;
}


/* ------------------------------------------------------------
+Newsletter
------------------------------------------------------------ */
div.promo a.promo {
  float: right;
  color: #9f9f9f;
}

div.module input#newsletter-email {
  color: #666;
  border: 1px solid #d6d6d6;
  font-size: 11px;
  padding: 3px;
  margin: 10px 8px 10px 0;
}


/* ------------------------------------------------------------
+Video
------------------------------------------------------------ */
div.video div.frame {
  *overflow: hidden;
  *width: 322px;
}

div.releases div.frame div.contents,
div.video div.frame div.contents {
  padding: 0;
}

div.video div.frame div.contents ul li {
  border: 0;
  padding: 0;
  margin: 0;
}

div.video div.frame div.contents ul li.first {
  margin-top: 0;
}

div.video div.frame {
  padding: 0;
  border-left: 1px solid #989898;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
  border-top: 0;
}

div.video h3 {
  margin-bottom: 0;
}

div.video div.contents div.linked_video {
  padding: 10px 13px;
  border-bottom: 1px solid #e2e2e2;
}

div.module div.frame div.contents ul li div.album {
  border: 1px solid #999;
  margin: 10px 0 10px 13px;
}

div.module div.frame div.contents ul li span.release_date {
  font-style: italic;
}

div.module div.frame div.contents ul.releases div.description,
div.video div.contents div.linked_video div.description {
  width: 189px;
  padding-top: 10px;
}

div.module div.frame div.contents ul.releases div.full,
div.video div.contents div.linked_video div.full {
  width: 298px;
  padding-top: 0;
}

div.module div.frame div.contents ul.releases li.last {
  border: 0;
  padding-bottom: 10px;
}

div.releases div.frame div.contents ul li {
  border-bottom: 1px solid #989898;
}

/* ------------------------------------------------------------
+FeaturedSong
------------------------------------------------------------ */
div.featured_song div#song-player-div {
  display: none;
  clear:both;
  text-align: center;
  width: 300px;
  padding-top: 10px;
}

div.featured_home div.featured_song div.frame div.contents {
  padding: 18px 10px;
}

div.featured_song div.frame div.contents div.description {
  width: 195px;
}

div.featured_song div.frame div.contents div.description em {
  font-style: italic;
}

div.featured_song div.frame div.contents div.description div.links {
  padding-top: 10px;
}

div.featured_song div.frame div.contents div.description div.links a.play-audio {
  border-right: 1px solid #d6d6d6;
  float:left;
}

div.featured_song div.frame div.contents div.description div.links a.download {
  border: none;
  margin-left: 12px;
}

div.featured_song div.frame div.contents div.description div.links a.buy {
  border: none;
  margin-top: 5px;
  clear: both;
	padding-right: 16px;
}

/* ------------------------------------------------------------
+ArtistPage
------------------------------------------------------------ */
div.module div.frame div.contents ul.related_link_list li {
  padding: 0;
}

/* ------------------------------------------------------------
+LabelPage
------------------------------------------------------------ */
div.label_artists div.frame {
  border: 0;
}

div.label_artists div.frame div.contents {
  padding: 0;
  background-image: none;
}

div.label_artists div.frame div.contents ul {
  float: left;
  width: 318px;
  margin-right: 7px;
}

div.label_artists div.frame div.contents ul li {
  width: 318px;
  height: 100px;
  padding: 0;
  margin-bottom: 6px;
}

div.label_artists div.frame div.contents ul li div.description {
  width: 205px;
  margin-left: 1px;
  padding-left: 12px;
  background: #ddd url(../images/nav/module_gradient_1.gif) repeat-x 0 100%;
  height: 100px;
  overflow: hidden;
}

div.label_artists div.frame div.contents ul li div.thumbnail {
  width: 100px;
  height: 100px;
  border: 0;
}

div.label_artists div.frame div.contents ul li div.description {
  line-height: 11px;
}

div.label_artists div.frame div.contents ul li div.description h5 {
  font-size: 11px;
  margin-top: 12px;
}

div.label_artists div.frame div.contents ul li div.description a.buy {
  display: block;
  width: 50px;
  margin-top: 10px;
  line-height: 14px;
}

div.az_sidebar_module div.frame {
  background: transparent url(../images/nav/azmusic_bg_top.gif) no-repeat 0 0;
  border: 0;
  padding: 0;
  width: 308px;
  margin: 0 auto;
  clear:both;
}

div.az_sidebar_module div.frame div.contents {
  background: transparent url(../images/nav/azmusic_bg_bottom.gif) no-repeat 0 100%;
}

div.az_sidebar_module div.frame div.contents div.directory-container {
  max-height: 233px;
  overflow-x: auto;
  _height: 150px;
  _overflow: scroll;
}

div.az_sidebar_module div.frame div.contents div.directory-container p.loading {
  padding: 10px
}

div.directory_navigation div.directory_tabs {
  width: 308px;
  margin: 0 auto;
}

div.directory_navigation div.directory_tabs div.index_tab {
  background: transparent url(../images/nav/azmusic_tab.gif) no-repeat 0 100%;
  width: 100px;
  margin: 10px 0 10px 4px;
  float: left;
  height: 18px;
  text-align: center;
  padding-top: 7px;
}

div.directory_navigation div.directory_tabs div.first {
  margin-left: 0;
}

div.directory_navigation div.directory_tabs div.selected {
  background: transparent url(../images/nav/azmusic_tab_selected.gif) no-repeat 0 100%;
}

div.directory_navigation div.directory_tabs div.index_tab a {
  color: #6c6c6c;
  font-weight: bold;
  font-size: 12px;
}

div.directory_navigation div.directory_tabs div.index_tab a:hover {
  text-decoration: none;
}

div.directory_navigation div.directory_tabs div.selected a:hover,
div.directory_navigation div.directory_tabs div.selected a {
  color: #fff;
  text-decoration: none;
}

#global-directory {
  padding: 1px 1px 0 1px;
}

#global-directory div.alphabet_tabs_container {
  border-bottom: 1px solid #ccc;
  padding: 3px 0 0 0; 
}

#global-directory div.alphabet_tabs_container div.alphabet_tab {
  width: 11px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
}


#global-directory div.directory_item {
  border-bottom: 1px solid #e8e8e8;
  padding: 3px 0 0 9px;
}

#global-directory div.region {
  padding: 6px 0 2px 9px;
  font-weight: bold;
}

#global-directory div.directory_item a {
  background: transparent url(../images/icons/link_arrow.gif) no-repeat 0 50%;
  padding-left: 7px;  
}

#global-directory div.region a {
  font-size: 14px;
}

#global-directory div.directory_item a:hover {
  text-decoration:none;
}

#global-directory div.over {
  background-color: #e8e8e8;
}

div.featured_listing h3 {
  margin-bottom: 0;
}

div.featured_listing div.frame {
  border: 0;
  padding: 0;
  width: 653px;
}

div.featured_listing div.frame div.contents {
  padding: 0;
  background: none;
}

div.featured_listing div.contents div.thumbnail {
  width: 90px;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #fff;
}

div.featured_listing div.frame div.contents div.description {
  width: 536px;
  margin: 0 12px;
  padding: 15px 0 0 0;
  height: 60px;
  overflow: hidden;
}

div.featured_listing div.frame div.contents ul li {
  background: transparent url(../images/nav/module_gradient_1.gif) repeat-x 0 100%;
  padding: 0;
  width: 652px;
  border-top: 1px solid #fff;
  overflow: hidden;
  height: 85px;
}

div.featured_listing div.frame div.contents ul li .thumbnail {
  _height: 85px;
}
	
div.featured_listing div.contents ul li h5 {
  font-size: 12px;
  line-height: 14px;
}

div.featured_listing div.contents ul li h4 {
  font-size: 9px;
  font-style: italic;
}

div.azmusic div.frame div.contents ul li.region {
  background-color: #E5E5E5;
}

div.featured_listing div.contents ul li h4 {
  text-transform: uppercase;
}

/* ------------------------------------------------------------
+Country&RegionPage
------------------------------------------------------------ */

div.module div.frame div.contents ul.related_music li div.description,
div.module div.frame div.contents ul.featured_music li div.description {
  width: 519px;
}

div.module div.frame div.contents ul.related_links li {
  padding: 2px 0;
}
/* ------------------------------------------------------------
+GenrePage
------------------------------------------------------------ */


div.featured_content div.frame div.contents div.description {
  width: 519px;
}