/* 
h1 {
  display: none;
}
*/
/* bigpromo module */

div.bigpromo {
  margin: 10px 0px 0px 0px;
  padding: 4px;
  background: #fff;
  border: #cccfcf solid 1px;
}
div.bigpromo img{
  
  
  background: #fff;
  border: #cccfcf solid 1px;
}


.bigpromo iframe {
  background: #ccc;
  width: 769px;
}


/* column layout */


table#cols {
  border-collapse: collapse;
}

td#col1,
td#col2,
td#col3 {
  width: 253px;
  padding: 0px;
}

td#col2,
td#col3 {
  padding-left: 10px;
}

td#col4 {
  width: 512px;
  padding: 0px;
}


/* modules inside columns */

div.module {
  margin: 10px 0px;
  padding: 4px;
  background: #fff;
  border: #cccfcf solid 1px;
}

p.more { color: #666; }
p.more:before { content: '» '; }

div.module-type-ringtones { }
div.module-type-apps { }
div.module-type-logos { }
div.module-type-banner { }

div.module-id-xx { } /* exact match with id. replace xx with id. */

.content-group-main div.module-type-ringtones h2 { background: #c60000 url(/templates/www.maf.fi/web/pics/theme/heading_bg_musa.gif) repeat-x; }
.content-group-main div.module-type-funtones h2 { background: #c60000 url(/templates/www.maf.fi/web/pics/theme/heading_bg_funtones.gif) repeat-x; }
.content-group-main div.module-type-apps h2      { background: #8bc600 url(/templates/www.maf.fi/web/pics/theme/heading_bg_peli.gif) repeat-x; }
.content-group-main div.module-type-logos h2     { background: #ccaa00 url(/templates/www.maf.fi/web/pics/theme/heading_bg_kuva.gif) repeat-x; }

div.module-type-ringtones .even { background: #e1f4fa; }

div.module-type-funtones .even { background: #faeefb; }



div.module h2 {
  padding: 6px;
  margin-bottom: 6px;
}

div.module p  { margin: 6px; }

/* module: apps */

table.apps {
  border-collapse: collapse;
  width: 243px;
}

.apps td {
  text-align: center;
  vertical-align: bottom;
  padding: 0px;
}

.apps h3 {
  margin: 0px;
  text-align: center;
}

td.apps-col1 {
  padding: 0px 6px 6px 2px;
  width: 50%;
}

td.apps-col2 {
  padding: 0px 2px 6px 6px;
  text-align: right;
  width: 50%;
}

td.promos-col1 {
  padding: 0px 4px 6px 3px;
  width: 50%;
}

td.promos-col2 {
  padding: 0px 3px 6px 4px;
  text-align: right;
  width: 50%;
}

div.apps-image {
  background: #e9fac8;
  padding: 3px;
  border: #ccc solid 1px;
  text-align: center;
}


div.apps-image:hover {
  background: #d0fa7d;
  border: #a6c763 solid 1px;
}

div.apps-image img {
  display: block;
  margin: auto; /* standard center */
}

/* module: ringtones */

table.ringtones {
  border-collapse: collapse;
  width: 243px;
}

td.tone-info {
  padding: 3px 0px 3px 6px;
  width: 100%;
}

span.artist { }
span.artist a{
	text-decoration:none;
	color: #000;
 }
 span.artist a:hover{
	text-decoration:underline;
	
 }
span.songname { font-weight: bold; }

td.tone-listen {
  padding: 3px 0px 3px 0px;
  vertical-align: middle;
}

td.tone-order {
  padding: 3px 6px 3px 6px;
  vertical-align: middle;
}

/* module: logos */
table.logos {
  border-collapse: collapse;
}

table.logos-service-bgimagewap { }

.logos td {
  padding: 0px;
  vertical-align: top;
}

.logos-service-bgimagewap td {
  padding-left: 2px;
  padding-bottom: 6px;
}

.logos-service-bgimagewap div {
  border: #ccc solid 1px;
  background: #faf2c8;
  padding: 3px;
  text-align: center; /* ie center */
}

.logos-service-bgimagewap div:hover {
  border: #c7b663 solid 1px;
  background: #fae57d;
}

.logos-service-bgimagewap img {
  display: block;
  margin: auto; /* standard center */
}

.logos-service-bgimagewap td.logos-col1,
.logos-service-bgimagewap td.logos-col2 {
  padding-right: 4px;
}

.logos-service-bgimagewap td.anim-col1{

  padding-left: 10px;
}

.logos-service-bgimagewap td.anim-col2 {
 padding-left: 10px;
}

/* module: banner */

iframe.banner {
  width: 243px;
  height: 60px;
  margin: 0px;
}

iframe.banner-type-xx { } /* replace xx with banner type */

iframe.banner-type-11,  /* musamaailma */
iframe.banner-type-12,  /* pelimaailma */
iframe.banner-type-13,  /* kuvamaailma */
iframe.banner-type-14,  /* yhteisö */
iframe.banner-type-15 { /* k-16 */
  width: 243px;
  height: 146px; 
}

iframe.banner-type-16 { /* jätti */
  width: 769px;
  height: 146px;
}

P#k16 {
  background: #fff url(/pics/icon_notice.gif) 10px 10px no-repeat;
  color: #cc0000;
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0px;
  padding: 12px;
  padding-left: 42px;
  border: #cccfcf solid 1px;
}