/* 
Title: Joulupata master screen styles
*/

.main {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  color: #613810;
  font-size:12px;
  background: #F7F9B7 url(../images/bg.jpg) repeat-x;
  }

.popup {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  color: #613810;
  font-size:12px;
  background: #F7F9B7;
  }

img {
  border: none;
  }

table{
  border-collapse: collapse;
}

td,form {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

p {
  padding: 0px 0px 12px 0px;
  margin: 0px 0px 0px 0px;
}

h1 {
  font-size: 25px;
  color: #613810;
  display: block;
  margin: 0px 0px 8px 0px;
  padding: 2px 0px 0px 0px;
  line-height: 28px;
  font-weight: normal;
}

#leftbr h1 {
  font-size: 19px;
  color: #613810;
  display: block;
  margin: 0px 0px 8px 0px;
  padding: 6px 0px 0px 0px;
  line-height: 20px;
  font-weight: normal;
}

h2 {
  font-size: 19px;
  color: #613810;
  display: block;
  margin: 0px 0px 8px 0px;
  padding: 2px 0px 0px 0px;
  line-height: 20px;
  font-weight: normal;
}

h3 {
  font-size: 12px;
  color: #363636;
  display: block;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
}

a { text-decoration: none; color: #043C97; }

a:hover { text-decoration: underline; }

#preload {left: 0px; top: -500px; visibility: hidden;}

/* page structures
---------------------------------------------------- */

#bgset {
  position: absolute;
  width: 100%;
  min-width: 978px;
  height: 218px;
  top: 218px;
  background: url(../images/bg_kuvio1.gif) no-repeat center 0px;
  }

#container {
  position: absolute;
  width: 100%;
  min-width: 980px;
  margin: 0;
  text-align: center;
  }

#header {
  position: absolute;
  text-align: left;
  width: 980px;
  margin: 0;
  padding: 0;
  left: 50%;
  margin-left: -488px;
  top: 0px;
  }

#header #left {
  position: relative;
  float: left;
  width: 170px;
  padding-left: 3px;
}

#header #right {
  position: relative;
  text-align: left;
  float: left;
  margin: 0;
  padding: 0;
  top: 18px;
  color: #ffffff;
  font-size:10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

#latest {
  position: relative;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  width: 800px;
  height: 80px;
  margin-bottom: 0px;
  top: 4px;
}

#latestbox {
  float: left;
  text-align: center;
  line-height: 16px;

  width: 190px;
  height: 55px;

  padding: 7px 3px 0px 3px;
  margin: 0px 4px 0px 0px;
  background: url(../images/bg_latestbox.jpg) no-repeat left top;

  font-family: Verdana,Arial,Helvetica,sans-serif;

  font-size: 11px;
  letter-spacing: 0px;
  color: #333333;
 }

#latestbox a {
  font-size: 12px;
  color: #043C97;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#latestbox a.small {
  font-size: 10px;
  color: #043C97;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#lahjoitus {
  position: relative;
  text-align: left;
  width: 800px;
  top: 4px;
}

.HoverAIn {float:left;width: 129px; margin-right:4px; }
.HoverAOut  {float:left;width: 129px; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; margin-right:4px;}
.HoverAOn {float:left;width: 129px; margin-right:4px; }

.HoverBIn {float:left;width: 130px; margin-right:4px; }
.HoverBOut  {float:left;width: 130px; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; margin-right:4px;}
.HoverBOn {float:left;width: 130px; margin-right:4px; }

.selectbox1 {
  border: 1px #C5C5C5 solid;
  background:#F4F4F4;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color:#555555;
  font-size: 10px;
  width: 170px;
  height: 18px;
  padding: 1px 1px 1px 1px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0px;
}

.shorttextbox {
  border: 1px #C5C5C5 solid;
  background:#FFFFFF;
  text-align: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color:#555555;
  font-size: 10px;
  padding: 2px 4px 2px 0px;
  width: 45px; height: 12px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0px;
}


#navi {
  position: absolute;
  text-align: left;
  width: 980px;
  margin: 0;
  padding: 0;
  left: 50%;
  margin-left: -488px;
  top: 195px;
  }

#navi a {
  color: #595959;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
}

#navi a:hover {
  text-decoration: underline;
}

#navi a.act {
  color: #043C97;
}

#navi #marg {
  padding: 0px 0px 0px 3px;
 }

#content {
  position: absolute;
  text-align: left;
  width: 980px;
  margin: 0;
  padding: 0;
  left: 50%;
  margin-left: -488px;
  top: 221px;
  }

#content-inner {
  position: relative;
  display: block;
  text-align: left;
  width: 980px;
  }

#content #left {
  position: relative;
  float: left;
  text-align: left;
  width: 274px;
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
  margin: 0px 7px 0px 0px;
}

#content #leftbr {
  position: relative;
  float: left;
  text-align: left;
  width: 274px;
  padding-left: 3px;
  font-size: 12px;
  line-height: 20px;
  margin: 20px 7px 0px 0px;
}

#content #right {
  position: relative;
  float: left;
  top: 12px;
  width: 696px;
}

#toplist {
  position: relative;
  float: left;
  width: 342px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 4px;
  background: url(../images/bg_toplist.jpg) repeat-y left top;
 }

#toplist #to {
  position: relative;
  float: left;
  width: 342px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(../images/bg_toplist_top.jpg) no-repeat left top;
 }

#toplist #bo {
  position: relative;
  float: left;
  width: 320px;
  padding: 9px 11px 13px 11px;
  margin: 0px 0px 0px 0px;
  background: url(../images/bg_toplist_bottom.jpg) no-repeat left bottom;
 }

#toplist #boxheader {
  position: relative;
  width: 300px;
  height: 14px;
  color: #ffffff;
  font-size:11px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 7px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  background: #2369AD url(../images/bg_bluegrad.jpg) repeat-x left bottom;
  line-height: 14px;
 }

#toplist #list {
  width: 320px;
  background: #E3E3AA;
  padding: 0px 0px 1px 0px;
 }

#toplist a {
  display: block;
  width: 298px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #F7F7E6;
}

#toplist a:hover {
  text-decoration: underline;
}

#toplist #list .n {
  font-weight:normal;
  display: block;
  width: 298px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #F7F7E6;
}

#toplist #list .sum {
  font-weight:normal;
  display: block;
  float: right;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#toplist a.more {
  display: block;
  width: 298px;
  color: #043C97;
  font-size: 11px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #ffffff url(../images/bg_linkbar.jpg) repeat-x left bottom;
}

#toplist a.more:hover {
  text-decoration: underline;
}

#contbox {
  position: relative;
  float: left;
  width: 688px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 4px;
  background: url(../images/bg_content.jpg) repeat-y left top;
 }

#contbox #to {
  position: relative;
  float: left;
  width: 688px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(../images/bg_content_top.jpg) no-repeat left top;
 }

#contbox #bo {
  position: relative;
  float: left;
  width: 666px;
  padding: 9px 11px 13px 11px;
  margin: 0px 0px 0px 0px;
  background: url(../images/bg_content_bottom.jpg) no-repeat left bottom;
 }

#contbox #boxheader {
  position: relative;
  width: 646px;
  height: 18px;
  color: #ffffff;
  font-size:11px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 0px;
  background: #2369AD url(../images/bg_bluegrad.jpg) repeat-x left bottom;
  line-height: 14px;
 }

#contbox #boxheader #topadjust {
  padding: 1px 0px 0px 0px;
  font-size:10px;
  line-height: 17px;
}

#contbox #boxheader select {
  float: right;
  background: #E9EDF5;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #595959;
  font-size: 10px;
  width: 96px;
  height: 18px;
  letter-spacing: 0px;
  text-transform: none;
}

#contbox #boxheader a {
  padding: 2px 0px 2px 0px;
  font-size:10px;
  color: #769ECB;
}

#contbox #boxheader a.act {
  padding: 2px 0px 2px 0px;
  font-size:10px;
  color: #ffffff;
}

#contbox #list {
  width: 666px;
  background: #E3E3AA;
  padding: 0px 0px 1px 0px;
 }

#contbox #list a {
  display: block;
  width: 644px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #F7F7E6;
}

#contbox #list a:hover {
  text-decoration: underline;
}

#contbox #list .head {
  display: block;
  width: 644px;
  color: #613810;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #FFFFFF;
}

#contbox #list .high {
  font-weight:normal;
  display: block;
  width: 644px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #FFFFFF;
}

#contbox #list .low {
  font-weight:normal;
  display: block;
  width: 644px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #F0F0F0;
}

#contbox #list .n {
  font-weight:normal;
  display: block;
  width: 644px;
  color: #613810;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #F7F7E6;
}

#contbox #list .s {
  width: 70px;
  font-weight:normal;
  display: block;
  float: right;
  text-align: right;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#contbox #list .d {
  width: 94px;
  font-weight:normal;
  display: block;
  float: right;
  text-align: right;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#contbox #list .dOff {
  width: 94px;
  font-weight:normal;
  display: block;
  float: right;
  text-align: right;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #BBAB90;
}

#contbox #list .m {
  width: 64px;
  font-weight:normal;
  display: block;
  float: right;
  text-align: right;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#contbox #list .heads {
  width: 70px;
  display: block;
  float: right;
  text-align: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#contbox #list .headd {
  width: 94px;
  display: block;
  float: right;
  text-align: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#contbox #list .headdOff {
  width: 94px;
  display: block;
  float: right;
  text-align: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #BBAB90;
}

#contbox #list .headm {
  width: 64px;
  display: block;
  float: right;
  text-align: right;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#contbox a.more {
  display: block;
  width: 644px;
  color: #043C97;
  font-size: 11px;
  text-decoration: none;
  padding: 6px 10px 5px 10px;
  margin: 1px 1px 0px 1px;
  background: #ffffff url(../images/bg_linkbar.jpg) repeat-x left bottom;
}

#contbox a.more:hover {
  text-decoration: underline;
}

#contbox #column {
  padding: 13px 18px 4px 18px;
  font-size: 13px;
  line-height: 18px;
 }

#contbox #columnComp {
  padding: 13px 18px 0px 18px;
  font-size: 13px;
  line-height: 16px;
 }

#contboxCom p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#popupcontent {
  text-align: left;
  width: 380px;
  padding: 20px 20px 20px 20px;
  margin: 0px 0px 0px 0px;
 }

#footer {
  position: relative;
  display: block;
  clear: both;
  float: left;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 10px;
  padding: 18px 0px 18px 0px;
  }

#formcontent {
}

#column #formcontent {
  height: 250px;
}

#formcontent b {
  text-align: left;
  font-size:11px;
}

.confirm {
  display: block;
  width: 220px;
  padding: 3px 5px 3px 5px;
  margin: 4px 0px 0px 0px;
  color: #555555;
  border: 1px #C5C5C5 solid;
  font-size:10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-transform: none;
  font-weight: normal;
  background: #ffffff;
  line-height: 13px;
}

.confirmS {
  display: block;
  width: 100px;
  padding: 3px 5px 3px 5px;
  margin: 4px 0px 0px 0px;
  color: #555555;
  border: 1px #C5C5C5 solid;
  font-size:10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-transform: none;
  font-weight: normal;
  background: #ffffff;
  line-height: 13px;
}

.confirmNo {
  display: block;
  padding: 4px 5px 4px 5px;
  margin: 4px 0px 0px 0px;
  color: #555555;
  font-size:10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-transform: none;
  font-weight: normal;
  line-height: 13px;
}

/* brakes
---------------------------------------------------- */

#spacer {}

.brone { display: block; padding: 1px 0px 0px 0px; }
.brtwo { display: block; padding: 2px 0px 0px 0px; }
.brtree { display: block; padding: 3px 0px 0px 0px; }
.brfour { display: block; padding: 4px 0px 0px 0px; }
.brfive { display: block; padding: 5px 0px 0px 0px; }
.brsix { display: block; padding: 6px 0px 0px 0px; }
.breight { display: block; padding: 8px 0px 0px 0px; }
.brten { display: block; padding: 10px 0px 0px 0px; }
.brtwelve { display: block; padding: 12px 0px 0px 0px; }
.brfourteen { display: block; padding: 14px 0px 0px 0px; }
.brtwenty { display: block; padding: 20px 0px 0px 0px; }

.clearbasic {
  clear: both;
}

.clearfloat {
  clear: both;
  height: 4px;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.textbox {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 238px; height: 16px;}
.textbox2 {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 124px; height: 18px;}
textarea {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 242px; height: 108px;}
.birthbox {margin-top: 1;border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 124px; height: 18px;}
.teambox {margin-top: 1;border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 275px; height: 18px;}

.textbox9 {border:1px #B4B4B4 solid; background:#F6F6F6; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 124px; height: 18px;}


.longbox {margin-top: 1;border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 240px; height: 18px;}
.longbox2 {margin-top: 1;border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 428px; height: 18px;}
.longtextbox {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px; width: 170px; height: 18px;}

radio {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px;}
.checkbox {margin-top: 0;}
select {border:1px #B4B4B4 solid; background:#FDFCFC; font-family: Verdana,Arial,Helvetica,sans-serif; color:#595959; font-size: 10px;}


.button {
  font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; width: 70px;background: #FDFCFC url(/images/form_button_bg.gif) repeat-x !important;
 border: 3px double;
 border-color: #DCDCDC #CECECE #ABABAB #CECECE !important;
 color: #464646;
}