#libform {
  font-family: Verdana,Geneva,sans-serif;
  font-size: 1.0em;
  margin-bottom: 20px;
}
#libformshow {
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  padding: 10px 0;
}
#formtitle {
  background-color: #B5009C;
  padding: 3px 20px 5px 20px;
  margin-bottom: 10px;
}
#formtitle h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
}
#leftcol {
  float: left;
  width: 410px;
  margin-bottom: 10px;
}
#rightcol {
  width: 390px;
  width: 452px;
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
}
.infobox {
  font-size: 1.0em;
  padding: 10px 20px;
  border: solid 1px #0065BD;
  margin-bottom: 4px;
}
.infobox.blue {
  background-color: #0065BD;
  color: #FFFFFF;
  font-weight: bold;
}
.infobox.blue a {
  color: #ffffcc;
}
.infobox.blue a:hover {
  color: #DFB200;
}
.infobox.lightblue {
  background-color: #E3F0FD;
  border: none;
  padding: 10px 19px;
}
#infobox_toggle {
  text-align: right;
  font-size: 0.8em;
  margin-bottom: 2px;
}
#infobox_toggle a.showit {
  display: none;
}
.tietosuoja {
  padding: 10px 20px;
  margin-bottom: 4px;
  background-color: #F5F5F5;
}
#twocol {
  clear: both;
  margin: 20px 0;
}
#cal_box {
  float: right;
  width: 304px;
  height: 504px;
  border: solid 1px #CCC;
  margin-top: 10px;
  padding: 1px;
}
#leftcol_with_cal_box {
  width: 560px;
  margin-top: 10px;
  float: left;
}
.section {
  margin-top: 10px;
  border: solid 1px #0065BD;
  border: solid 1px #efefef;
  border: solid 1px #DCC8DA;
}
.pad20 {
  padding: 20px;
}
.tilasto {
  font-size: 0.9em;
  margin-top: 10px;
  border: solid 1px #B5009C;
  border: solid 1px #DCC8DA;
  padding: 8px 20px;
}
.subtitle {
  color: #B5009C;
  font-size: 1.0em;
  font-weight: bold;
  margin: 10px 0;
}
.subtitle2 {
  font-weight: bold;
  margin: 10px 0;
}
.sub_help {
}
.space_layout_popup {
  display: none;
  width: 100%;
  z-index: 500;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
  position: relative;
  background-color: #FFF;
  border: solid 1px #CCC;
}
.space_layout_img {
}
.space_layout_img img {
  max-width: 100%;
}
.space_layout_close {
  text-align: right;
  position: absolute;
  right: 0px;
  padding: 2px 6px;
  background-color: #777;
  color: #FFF;
} 
.space_layout_close a {
  color: #FFF;
} 
.form_option {
  padding: 0 10px;
  clear: left;
}
.form_option .table {
  border: none !important; 
  width: 100%;
}
.form_option td {
  border: none !important; 
  padding: 2px !important;
}
.form_option td.option_value_info {
  font-size: 0.8em;
  padding-left: 10px !important;
}
.less_info {
  text-align: right;
}
a.more_info, a.less_info {
  color: #4BF;
}
.full_info {
  display: none;
  margin-top: 5px;
  border-left: solid 2px #CCC;
  padding: 4px 8px;
}
.option_checkbox, .option_radio {
  float: left;
  width: 25px;
}
.fldrow {
  clear: both;
  margin: 8px 0;
}
.fldrow2 {
  clear: left;
  margin: 8px 0;
}
.labelcol {
  float: left;
  width: 400px;
  text-align:right;
}
.fldcol {
  margin-left: 410px;
}
.labelcol.w140 {
  width: 140px;
}
.fldcol.w140 {
  margin-left: 150px;
}
.labelcol.w240 {
  width: 240px;
}
.fldcol.w240 {
  margin-left: 250px;
}
.labelcol.w250 {
  width: 250px;
}
.fldcol.w250 {
  margin-left: 260px;
}
.labelcol.w300 {
  width: 300px;
}
.fldcol.w300 {
  margin-left: 310px;
}
.fldtip {
  color:#222;
  padding:4px 15px;
  font-size: 0.8em;
}
.fldtip.grey {
  background-color: #efefef;
}
.fldtip.yellow {
  background-color: #FDFDED;
}
.fld {
  padding: 4px 10px;
}
.label {
  color: #003366;
  color: #5A93BF;
  color: #0065BD;
}
.label.required {
  color: #003366;
  color: #0065BD;
  color: #00579A;
}
.option_info {
  float: right;
  padding-right: 20px;
}
.option_label {
  font-weight: bold;
  color: #555;
  padding: 4px 0;
  margin-top: 8px;
}
.option_items {
  padding-left: 10px;
  clear: both;
}
.group_label {
  color: #0065BD;
  color: #905;
  margin: 4px 0;
}
.selectrow {
  clear: both;
  margin: 4px 0 6px 0;
  padding-top: 4px;
  border-top: solid 1px #CCCCCC;
}
#order_type_error {
  margin-left: 10px;
}
.btns {
  margin-top: 20px;
  padding: 10px 0;
}
.btn {
  background-color: #003366;
  color: #FFFFFF;
  padding: 2px 6px;
  margin-top: 4px;
}
.btn:hover {
  background-color: #0065BD;
}
#submittip {
  background-color:#FBF9EA;
  background-color:#FFFDE7;
  color:#222;
  padding:10px 15px;
  font-size: 0.9em;
}
.note {
  font-size: 0.8em;
  color: #555555;
}
.rekisteriseloste {
  border-top: solid 1px #CCCCCC;
  margin-top: 20px;
  padding: 6px 0;
  font-size: 0.9em;
  text-align: right;
  color: #555555;
}
.msgbox {
  padding: 6px 10px;
}
.msgbox.success {
  background-color: #EDF3DE;
}
.msgbox.error {
  background-color: #FFEBE8;
}
.msgbox.alert {
  background-color: #FFFEDC;
}
.tip {
  padding: 2px 6px;
  background-color: #fff4cc;
}
div.tip {
  border-left: solid 5px #ffe070;
  padding: 10px;
  margin-top: 20px;
}
.contact {
  background-color: #fff4cc;
  border-left: solid 5px #ffe070;
  padding: 10px;
  margin-top: 20px;
}
.notice {
  background-color: #4fc3f7; 
  padding: 2px 8px;
  font-weight: bold;
  color: #fff;
}
.service_notice {
  background-color: #FFF0F0;
  border-left: solid 5px #B5009C;
  padding: 10px;
  margin: 20px 0;
}

/* CSS for validator */
/* error message */
.error {
  /* supply height to ensure consistent positioning for every browser */
  height:15px;
  background-color:#FFFE36;
  background-color:#FFEBE8;
  border:1px solid #E1E16D;
  border:1px solid #DD3C10;
  font-size:11px;
  color:#000;
  padding:3px 10px;
  margin-left:-2px;


  /* CSS3 spicing for mozilla and webkit */
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-topleft:0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-top-left-radius:0;

  -moz-box-shadow:0 0 6px #ddd;
  -webkit-box-shadow:0 0 6px #ddd;
}
.error p {
  margin: 0;
}
/* CSS for tooltip */
.tooltip {
	background-color:#000;
        background-color:#ffa;
	border:1px solid #fff;
	padding:4px 15px;
	width:400px;
	display:none;
	color:#fff;
	color:#000;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
input.hinted {
  color: #666666;
}
textarea.hinted {
  color: #666666;
}
.info_alert {
  background-color: #ffffce;
  border: solid 1px #666666;
  padding: 8px 20px;
  margin: 8px 0;
}
#testFlag {
  background-color: #FBEE6B; 
  padding: 2px 20px;
  font-weight: bold;
}
#login_required {
  background-color: #FBEE6B; 
  padding: 20px 20px;
  font-weight: bold;
  margin: 10px 0;
}
div.test {
  background-color: #FFFEDC;
  margin-bottom: 10px;
  padding: 4px 10px;
}
.noshow {
  display: none;
}
.toimitus_addr {
  margin-left: 60px;
  border-left: solid 2px #efefef;
  padding-left: 10px;
}
.svgicon {
  display: inline-block;
  vertical-align: text-top;
  fill: currentcolor;
}
.rules {
  border-left: solid 4px #B5009C;
  padding: 4px 8px;
  margin-top: 8px;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.sp_section {
  margin: 8px 0;
  border-left: solid 4px #2979ff;
  background-color: #eeeeee;
  padding: 4px 10px;
}
.aalto_option {
  border: solid 1px #e8eaf6;
  padding: 8px 12px;
  margin-bottom: 4px;
}
.aalto_option_info {
  padding: 6px 24px;
}
.aalto_suboption {
  padding-left: 20px;
}
@media (max-width: 800px) {
  #container {
    width: 100%;
  }
  #cal_box {
    float: none;
    width: 100%;
  }
  #leftcol_with_cal_box {
    width: 100%;
  }
  .form_option td.option_value_info {
    font-size: 0.9em;
  }
  span.label {
    font-size: 14px;
  }
}