body {
  /* default */
	background: #004f99 url('/templates/www.maf.fi/web/pics/theme/bg.gif') 0 0 repeat-y;

  /* joulu */
 /*background: #ed1111 url('/templates/www.maf.fi/web/pics/theme/bg.gif') 1px 0 repeat-y; */

  color: black;
  padding: 0;
  margin: 0;
}

body, td, th, input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div#maffi-container {
  width: 799px;
  margin-left: 10px;
}
.asp_promo_divider{
	height:10px;
	width:1px;
	clear:both;
	float:left;
}
/* Fix IE's width for browsers that supports ">" operator. */
div#maffi-container > div.content {
  width: 779px;
}

img {
  border: none;
}

a       { color: #237c99 }
a:hover { color: #439cb9 }

th, td {
  vertical-align: top;
  padding: 1px;
}

applet {
  margin: 10px;
  display: block;
}

th {
  text-align: left;
  white-space: nowrap;
  padding: 1px 10px;
}

ul, ol {
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  margin: 1em 10px;
}

form { margin: 0; }

select, option, optgroup {
  font-size: 11px;
  background: #fff;
}

td > h2,
td > h3,
div > h2,
div > h3 {
  margin-top: 0;
}

#maf-title {
  background: #005098 url(/templates/www.maf.fi/web/pics/theme/header_bg.gif) repeat-x; 
  /*  background: #ed1111 url(/templates/www.maf.fi/web/pics/theme/header_bg.gif) repeat-x;*/
}

#maf-title img {
  display: block;
}

/* Hidden element for opening question windows etc. */

iframe#popups {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* Main menu */

table#menu {
  border-collapse: collapse;
  width: 100%;
}

td#mainmenu {
 background: #4088bf url('/templates/www.maf.fi/web/pics/theme/menu_main_bg.gif') repeat-x; 
   /*  background: #ed1111 url('/templates/www.maf.fi/web/pics/theme/menu_main_bg.gif') repeat-x;*/
  padding: 0px 10px;
  vertical-align: bottom;
  height: 31px;
}

#mainmenu a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}

#mainmenu a:hover {
  color: #cadeed;
}

#mainmenu div.active a {
  color: #0059b3;
}

#mainmenu div.active a:hover {
  color: #004487;
}

#mainmenu div.main-outer {
  float: left;
  padding: 0px 10px;
  height: 30px;
}

#mainmenu div.main-inner {
  margin-top: 7px;
}

#mainmenu div.active {
  background: #fff url(/templates/www.maf.fi/web/pics/theme/menu_viiva_muut.gif) 0 -2px repeat-x;
  border-top: none;
  border-right: #3876a6 solid 1px;
  border-bottom: none;
 border-left: #3876a6 solid 1px;
  
  /* joulu */
/*  border-left: #b20d0d solid 1px; */
 /* border-right: #b20d0d solid 1px; */
}


/* Sub menu */

td#submenu {
  background: #fff url('/templates/www.maf.fi/web/pics/theme/menu_ala_bg.gif') 0 100% repeat-x;
  color: #c4c1b6;
  font-size: 11px;
  vertical-align: bottom;
  height: 28px;
  padding: 0px 10px;
  border-bottom: #bcb9b1 solid 1px;
}

#submenu a {
  color: #78766d;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
}

#submenu a:hover {
  color: #333;
}

#submenu div.sub-outer {
  float: left;

  /* separator in outer box */
  background: transparent url(/templates/www.maf.fi/web/pics/theme/menu_ala_jakaja.png) 100% 55% no-repeat;

  /* make room for separator */
  padding-right: 1px;
}

#submenu div.sub-inner {
  padding: 7px 10px;

  /* because of separator... */
  padding-left: 9px;
}

#submenu div.active .sub-inner {
  /* section indicator */
  background: #fff url(/templates/www.maf.fi/web/pics/theme/menu_viiva_muut.gif) 0 100% repeat-x;
}

#submenu div.last {
  /* clear separator */
  background: none;
}

/* BANNERS */

iframe.banner-top {
  width: 243px;
  height: 60px;
  position: absolute;
  left: 278px;
  top: 19px;
}

iframe.banner-big {
  width: 140px;
  height: 350px;
  position: absolute;
  left: 820px;
  top: 21px;
}

div.banner-bigger {
  width: 140px;
  height: 170px;
  position: absolute;
  left: 820px;
  top: 21px;
}

div.banner-silma-iso {
  width: 140px;
  height: 350px;
  position: absolute;
  left: 820px;
  top: 391px;
}

div.banner-silma {
  width: 140px;
  height: 350px;
  position: absolute;
  left: 820px;
  top: 763px;
}



div.banner-rss {
  width: 140px;
  height: 40px;
  position: absolute;
  left: 820px;
  top: 670px;
}

/* CLUB */

div#club {
  position: absolute;
  left: 546px;
  top: 0px;
}

#club table {
  border-collapse: collapse;
  border: none;
}

#club a {
  color: #fff;
}

td#club-box-left {
  padding: 0px;
  background: transparent url(/templates/www.maf.fi/web/pics/theme/jasen_vasen.gif) 0 100% no-repeat;
  width: 91px;
}

td#club-content {
  background: transparent url(/templates/www.maf.fi/web/pics/theme/jasen_vali.gif) 0 100% repeat-x;
  vertical-align: middle;
  text-align: right;
  width: 150px;
  height: 90px;
  color: #fff;
  padding-bottom: 3px;
  line-height: 140%;
}

td#club-box-right {
  padding: 0px;
  background: transparent url(/templates/www.maf.fi/web/pics/theme/jasen_oikea.gif) 0 100% no-repeat;
  width: 12px;
}

input#club-user,
input#club-password {
  margin: 1px 0px;
  padding: 1px;
  border: #1d6480 solid 1px;
  vertical-align: middle;
}
input#club-submit {
  margin: 10px 0px 0px 10px;
  vertical-align: -35%;
}

/* Maailmaväritykset */

.content-group-games h2,
.content-group-apps h2      { background: #8bc600 url(/templates/www.maf.fi/web/pics/theme/heading_bg_peli.gif) repeat-x; }
.content-group-ringtones h2 { background: #c60000 url(/templates/www.maf.fi/web/pics/theme/heading_bg_musa.gif) repeat-x; }
.content-group-logos h2     { background: #ccaa00 url(/templates/www.maf.fi/web/pics/theme/heading_bg_kuva.gif) repeat-x; }
.content-group-misc h2      { background: #cc0066 url(/templates/www.maf.fi/web/pics/theme/heading_bg_yhteiso.gif) repeat-x; }
.content-group-k16 h2       { background: #cc4400 url(/templates/www.maf.fi/web/pics/theme/heading_bg_k16.gif) repeat-x; }

/*promomoduuliväritykset*/



.content-group-games .even,
.content-group-apps .even      { background: #e9fac8; }
.content-group-ringtones .even { background: #e1f4fa; }
.content-group-logos .even     { background: #faf2c8; }
.content-group-misc .even      { background: #fac8e1; }
.content-group-k16 .even       { background: #fad9c8; }

#mainmenu div.active-group-apps,
#mainmenu div.active-group-games     { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_peli.gif); }
#mainmenu div.active-group-ringtones { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_musa.gif); }
#mainmenu div.active-group-logos     { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_kuva.gif); }
#mainmenu div.active-group-misc      { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_yhteiso.gif); }
#mainmenu div.active-group-k16       { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_k16.gif); }

#mainmenu div.active-group-games a,
#mainmenu div.active-group-apps a      { color: #8bc600; }
#mainmenu div.active-group-ringtones a { color: #0099cc; }
#mainmenu div.active-group-logos a     { color: #c6a500; }
#mainmenu div.active-group-misc a      { color: #cc0066; }
#mainmenu div.active-group-k16 a       { color: #cc4400; }

#mainmenu div.active-group-apps a:hover,
#mainmenu div.active-group-games a:hover     { color: #74a500; }
#mainmenu div.active-group-ringtones a:hover { color: #0078a0; }
#mainmenu div.active-group-logos a:hover     { color: #ac9000; }
#mainmenu div.active-group-misc a:hover      { color: #8f0048; }
#mainmenu div.active-group-k16 a:hover       { color: #953200; }

#submenu div.active-group-games .sub-inner,
#submenu div.active-group-apps .sub-inner      { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_peli.gif); }
#submenu div.active-group-ringtones .sub-inner { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_musa.gif); }
#submenu div.active-group-logos .sub-inner     { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_kuva.gif); }
#submenu div.active-group-misc .sub-inner      { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_yhteiso.gif); }
#submenu div.active-group-k16 .sub-inner       { background-image: url(/templates/www.maf.fi/web/pics/theme/menu_viiva_k16.gif); }


