#content_tuubi{
  font-family:Helvetica, arial, sans-serif;
  color:black;
  clear:both;
  padding:10px 0
}
#content_tuubi .left{
  float:left;
  clear:left;
  width:425px;
  margin:0 0 0 37px;
}
#content_tuubi h1{
  margin-bottom:15px;
}
#content_tuubi .bottom{
  clear:both;
}
#content_tuubi #myfuture_city{
  height:164px;
  clear:both;
  background-image:url(/images/obxi/myfuture_city.jpg);
  background-repeat:no-repeat;
  margin:0 12px 0 12px;
}

/* FORM */
#form_holder{
  width:900px;
}

p.context{
  color:black;
  font-size:15px;
  line-height:24px;
  margin:0 0 13px 37px;
  width:530px;
}
p.context_sent{
  color:#0278af;
  font-size:18px;
  line-height:24px;
  margin:0 0 13px 37px;
  width:530px;
}
#kisa div.checkboxes{
  float:left;
  clear:none;
  margin:0 10px 0 100px;
  width:250px;
}

#kisa div.checkboxes div.check_holder{
	cursor:pointer;
}

#kisa div.textfields{
  float:left;
  clear:none;
  display:none;
  margin:0 0 0 4px;
}

#kisa div.actions{
  float:left;
  clear:right;
  display:none;
  margin:0 0 0 12px;
  width:320px;
}

#kisa div.check_holder{
  float:left;
  width:124px;
  height:26px;
}

#kisa div.check_holder div.checkbox{
  background-image:url('/images/obxi/tuubi/dot.png');
  background-repeat:no-repeat;
  padding-left: 20px;
  height:20px;
}

#kisa div.check_holder div.selected{
  background-image:url('/images/obxi/tuubi/dot_blue.png');
}

#kisa div.check_holder div.right{
  background-image:url('/images/obxi/tuubi/dot_green.png');
}

#kisa div.check_holder div.wrong{
  background-image:url('/images/obxi/tuubi/dot_red.png');
}

#kisa div.check{
  background-image:url('/images/obxi/tuubi/dot.png');
  background-repeat:no-repeat;
  padding-left:18px;
  float:left;
  clear:left;
}

#kisa div.readybox{
  display:none;
  float:left;
  clear:left;
  width:79px;
  height:19px;
  background-color:#f59605;
  font-size:13px;
  text-align:center;
  color:black;
  padding:2px 0 0 0;
  cursor:pointer;
}

#kisa input.textfield{
  background:transparent url('/images/obxi/tuubi/textfield.png') no-repeat;
  border:0;
  float:left;
  clear:both;
  width:172px;
  height:21px;
  padding:3px 5px 0 2px;
  color:#666666;
}

#kisa input.required{
  color:black;
}

#kisa span.red{
  color:red;
}

#kisa label{
  float:left;
  clear:right;
}

.jquery-checkbox{
  float:left;
  clear:left;
  display: inline;
  font-size: 20px;
  line-height: 14px;
  cursor: pointer;
  cursor: hand;
}
.jquery-checkbox .mark {display: inline;}
.jquery-checkbox img {vertical-align: middle; width: 20px; height: 18px;}
.jquery-checkbox img{background: transparent url(/images/obxi/tuubi/dot.png) no-repeat;}
.jquery-checkbox-hover img{background: transparent url(/images/obxi/tuubi/dot.png) no-repeat;}
.jquery-checkbox-checked img{background: transparent url(/images/obxi/tuubi/dot_blue.png) no-repeat;}
.jquery-checkbox-checked .jquery-checkbox-hover img{background: transparent url(/images/obxi/tuubi/dot_blue.png) no-repeat;}
.jquery-checkbox-checked-red img{background: transparent url(/images/obxi/tuubi/dot_red.png) no-repeat;}
.jquery-checkbox-checked-red .jquery-checkbox-hover img{background: transparent url(/images/obxi/tuubi/dot_red.png) no-repeat;}
.jquery-checkbox-checked-green img{background: transparent url(/images/obxi/tuubi/dot_green.png) no-repeat;}
.jquery-checkbox-checked-green .jquery-checkbox-hover img{background: transparent url(/images/obxi/tuubi/dot_green.png) no-repeat;}


#kisa p.red,
#kisa p.red2,
#kisa p.red3{
  color:#ff0000;
  font-size:18px;
}
#kisa p.blue{
  color:#0278af;
  font-size:18px;
}

#tuubi-submit{
  float:left;
  clear:both;
  background:transparent url('/images/obxi/tuubi/btn_send.jpg') no-repeat;
  border:0;
  width:88px;
  height:41px;
  cursor:pointer;
  margin:10px 0 0 0;
  display:none;
}

/* BOTNAVI */

div.botnavi{
  width:900px;
  color:white;
  float:left;
  clear:both;
  margin:50px 0 20px 0px;
}

div.botnavi h1{
  font-weight:bold;
  font-size:16px;
}

div.botnavi p{
  font-size:13px;
}

div.botnavi div.box_holder{
  float:left;
  clear:none;
  display:block;
  margin: 0px;
  padding: 0px;
}
div.botnavi div.box{
  background:#c5c5c5;
  width:202px;
  height:60px;
  margin:15px 0 0 8px;
  padding:10px 4px;
}

div.botnavi div.box div.week{
  display:none;
}

div.botnavi div.ready div.box{
  background: white;
  margin-top: 0px;
  cursor:pointer;
}

div.botnavi div.active div.box{
  background: white;
  margin-top: -15px;
  cursor:pointer;
}

div.botnavi div.box img{
  float:left;
  clear:both;
}

div.botnavi div.box_holder div.triangle{
  float:left;
  clear:both;
  margin:0 0 0 11px;
  width:29px;
  height:15px;
  cursor:pointer;
}

div.botnavi div.active div.triangle{
  background:transparent url('/images/obxi/tuubi/tri_green.png') no-repeat;
}

/* TARINA */
#tarina{
  font-family:Helvetica, Arial, sans-serif;
  height:680px;
  width:440px;
  margin: 0px;
  padding: 0px;
  overflow:hidden;
}
#tarina h1{
  font-size:40px;
  line-height:50px;
  color:#0a6fa7;
  margin:10px 0 27px 0;
  width:430px;
}
#tarina p{
  font-size:15px;
  line-height:24px;
}
p.wide{
  width:100%;
}
p.narrow{
  width:180px;
}
#video_frame {
	margin-top:10px;
	margin-left:12px;
	padding:0px;
	z-index: 2;
}
#inner_video_frame {
	width: 640px;
	height: 400px;
	border: 4px white solid;
}
#bottom_pic {
	margin-left:16px;
	padding:0px;
}
#right img {
	float: right;
  clear:both;
}
#content_tuubi .left {
	margin-top:11px;
  clear:both;
  position:absolute

}
#content_tuubi .left .ingress{
  overflow:hidden;
  height:267px;
  color:black;
  font-size:15px;
  line-height:26px;
}
#content_tuubi .left .ingress br{
  line-height:10px;
}
#content_tuubi .right{
  width: 892px;
  text-align:right;
  position: absolute;
  float:left;
  clear:both;
}
.extrainfo {
	color: black;
	line-height: 30px;
	padding-left: 10px;
	display:none;
}
.active .extrainfo {
	display: block;
}
.tempactive .extrainfo {
	display: block;
}
.tempactive {
  margin-top: -15px;
}
.textnavi {
	color: #009fdc;
	text-decoration:underline;
	cursor:pointer;
}