#medialaskuri {
  background: #024173 url('medialaskuri-bg.png');
  position: relative;
  width: 842px;
  height: 375px;
  text-align: left;
  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  zoom: 1;
}

#medialaskuri.new {
  background: #024173 url('medialaskuri-bg-new.png');
  height: 440px;
}

#medialaskuri * {
  margin: 0;
  padding: 0;
}

#medialaskuri .column {
  position: relative;
  float: left;
  display: inline;
  width: 280px;
  height: 355px;
  padding: 20px 30px 20px 30px;
}

html > body #medialaskuri .column {
  width: 220px;
  height: 315px;
}

#medialaskuri label {
  display: block;
  color: #04477d;
  font-weight: bold;
}

#medialaskuri .select {
  margin: 2px -6px 6px -6px;
  cursor: pointer;
  zoom: 1;
}

#medialaskuri .select h2 {
  background: url('medialaskuri-select.png') no-repeat 0 1px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  padding-right: 36px;
  color: #cdcdcd;
  font-size: 14px;
  zoom: 1;
  visibility: visible;
}

#medialaskuri .select:hover h2, #medialaskuri .select.hover h2, #medialaskuri .select.done h2 {
  background-position: 0 -23px;
  color: #fff;
}

#medialaskuri .select.open h2 {
  background-position: 0 -47px;
  color: #fff;
}

#medialaskuri .select ul {
  position: absolute;
  width: 232px;
  background: url('medialaskuri-select.png') no-repeat bottom;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 5px 1px 10px 1px;
  z-index: 1000;
}

html > body #medialaskuri .select ul {
  width: 230px;
}

#medialaskuri .select ul * {
  z-index: 1000;
}

#medialaskuri .select.open ul {
  display: block;
}

#medialaskuri .select li {
  color: #777;
  font-size: 11px;
  line-height: 24px;
  font-weight: bold;
  padding: 0 10px 0 10px;
  zoom: 1;
}

#medialaskuri .select li:hover, #medialaskuri .select li.hover {
  background: #fff;
  color: #1d5d8c;
}

#medialaskuri .select ul.float {
  width: 232px;
  padding: 5px 4px 5px 4px;
}

html > body #medialaskuri .select ul.float {
  width: 224px;
}

#medialaskuri .select ul.float li {
  float: left;
  width: 28px;
  text-align: center;
  padding: 0;
}

#medialaskuri p.note {
  color: #777;
  text-align: center;
  position: absolute;
  width: 200px;
  left: 40px;
  top: 315px;
}

#medialaskuri.new p.note {
  top: 375px;
}


#medialaskuri #checkboxes {
  padding-top: 45px;
  cursor: default;
}

#medialaskuri .checkbox {
  position: relative;
  margin: 0 -15px 0 -15px;
  padding: 8px 15px 8px 50px;
  border-top: 2px solid #ececec;
  font-size: 0;
  min-height: 25px;
}

#medialaskuri #checkboxes .disabled {
  display: none;
}

#medialaskuri .checkbox label, #medialaskuri .checkbox p {
  font-size: 11px;
  zoom: 1;
}

#medialaskuri .checkbox .button {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 24px;
  height: 24px;
  background: url('medialaskuri-checkbox.png') no-repeat bottom;
  margin-left: -23px;
  cursor: pointer;
}

/*
#medialaskuri .weekbox input {
  position: absolute;
  top: 4px;
  left: 12px;
  width: 24px;
  height: 16px;
  background: url('medialaskuri-checkbox.png') no-repeat bottom;
  margin-left: -23px;
  border: 0;
  text-align: center;
  line-height: 24px;
  padding: 4px 0 4px 0;
  font: bold 12px arial;
  color: #04477D;
}
*/

#medialaskuri .weekbox select {
  border: 1px solid #bbb;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 40px;
  font-size: 11px;
}

#medialaskuri .checkbox p.input {
  font-size: 9px;
  position: absolute;
  top: 26px;
  left: 7px;
  color: #acb2b7;
}

html > body #medialaskuri .checkbox .button, html > body #medialaskuri .weekbox input {
  margin-left: 0;
}

#medialaskuri .checkbox .button.active {
  background-position: top;
}

#medialaskuri .checkbox label, #medialaskuri .checkbox p {
  position: relative;
}

#medialaskuri .checkbox span {
  position: absolute;
  right: 10px;
}

html > body #medialaskuri .checkbox span {
  margin-right: 0;
}

#medialaskuri .checkbox span span {
  position: absolute;
  right: -15px;
}

#medialaskuri .star {
  margin: 10px 0 0 0;
}

#medialaskuri p {
  color: #777;
}


#medialaskuri #summary {
  padding-top: 45px;
}

#medialaskuri .summary-box {
  margin: 0 -15px 0 -15px;
  padding: 5px 15px 5px 15px;
  border-top: 2px solid #ececec;
}

#medialaskuri.new .summary-box {
  padding-top: 10px;
  padding-bottom: 10px;
}

#medialaskuri #summary label {
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  color: #777;
  margin-bottom: 0;
  zoom: 1;
}

#medialaskuri #summary span {
  position: absolute;
  right: 30px;
  zoom: 1;
  height: 18px;
  line-height: 18px;
}

#medialaskuri #summary span span {
  position: absolute;
  right: -15px;
}

#medialaskuri #summary p.input {
  position: absolute;
  right: 15px;
  background: url('medialaskuri-ale.png') no-repeat;
  width: 54px;
  height: 17px;
}

#medialaskuri #summary p.input input {
  position: absolute;
  top: 1px;
  left: 3px;
  width: 30px;
  background: transparent;
  border: 0;
  text-align: center;
  font: bold 12px arial, sans-serif;
  color: #04477d;
}

#medialaskuri #summary label.important {
  color: #d23621;
  font-weight: bold;
}

#medialaskuri.new #summary label.important {
  margin-bottom: 10px;
}

#medialaskuri #summary fieldset {
  margin-top: 0;
  margin-bottom: 0;
}

#medialaskuri fieldset {
  position: absolute;
  top: 270px;
  width: 226px;
  border: 0;
  text-align: center;
}

#medialaskuri.new fieldset {
  top: 330px;
}

#medialaskuri fieldset p {
  marg
  
  in-bottom: 5px;
}

#medialaskuri input.email {
  background: url('medialaskuri-email.png') no-repeat;
  width: 214px;
  height: 23px;
  font: bold 12px/23px arial, sans-serif;
  border: 0;
  text-align: center;
  color: #dc8824;
  padding: 4px 4px 0 4px;
}


#medialaskuri-header {
  position: relative;
  background: url('header.gif') no-repeat;
  height: 41px;
}

#medialaskuri-header p {
  position: absolute;
  top: 10px;
  left: 0;
  width: 842px;
  text-align: center;
  color: #03406f;
  font-style: italic;
  opacity: 0;
  filter: alpha(opacity=0);
}

#ensi-ilta {
  width: 231px;
  position: absolute;
  bottom: 80px;
  left: 25px;
  font-size: 10px;
  line-height: 12px;
}
#ensi-ilta a {
  color: #04477D;
  font-weight: bold;
  text-decoration : none;
}
#ensi-ilta a:hover {
  text-decoration : underline;
}
#medialaskuri.new #ensi-ilta {
  bottom: auto;
  top: 245px;
}

#medialaskuri-hover {
  position: absolute;
  background: #fff;
  border: 2px solid #033a75;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 0 0 5px;
  padding: 8px;
  color: #033a75;
  width: 300px;
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}