body{
	margin:10px;
	font-family:arial;
}

#container {
	margin: 0px auto;
	max-width: 1000px;
}

h1{
	font-size:18px;
	margin:0px;
	background-color: #DDD;
	color:#000;
	font-size:16px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:50px;
	line-height:50px;
	margin-top:10px;
	padding-left:10px;
	clear:both;
}

.questioncontent, .questioncontent2, .questioncontent3{
	padding:15 15 15 15px;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.questioncontent2{
	padding-bottom:5px;
}

.questioncontent3{
	padding-bottom:10px;
}

.questioncontent::after, .questioncontent2::after {
	content: "";
	display: table;
	clear: both;
}

.instruction{
	font-style:italic;
	padding-bottom:10px;
}

.explanationlink{
	float:right;
    width: 20px;
    height: 20px;
    background: url(img/explanation.png) no-repeat;
	margin-top:15px;
	margin-right:15px;
}

.explanation{
	display:none;
	margin-top:1em;
	margin-bottom:1em;
}

/*.questioncontent input[type=text]{
	height:50px;
	width:100px;
	border:1px solid #DDD;
	border-radius:3px;
	padding-left:10px;
	margin-bottom:5px;
}*/

span{
	display:inline-block;
	width:175px;
}

p{
	margin:0px;
}

#message{
	display:none;
}

#imgmenu{
	height:30px;
	margin-bottom:15px;
}

#imgmenu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#imgmenu li{
	float:left;
	border:1px solid #333;
	border-radius:5px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	line-height:30px;
	height:30px;
	color:#000;
}

#imgmenu li:hover{
	background-color:#DDD;
}

#imgmenu li.active{
	background-color:#333;
	border-color:#333;
	color:#FFF;
}

iframe{
	border:none;
	width:100%;
	height:600px;
}

.imagechoice, .imagechoice2{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.imagechoice::after, .imagechoice2::after{
	content: "";
	display: table;
	clear: both;
}

.imagechoice li, .imagechoice2 li{
	position:relative;
	float:left;
	border:2px solid #DDD;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:5px;
}

.imagechoice2 li{
	padding:0px;
}

.imagechoice li::before, .imagechoice2 li::before{
	content: "a";
	position:absolute;
	top:calc(45% - 25px);
	left:calc(30% - 25px);
	width:50px;
	height:50px;
	line-height:50px;
	color:#FFF;
	text-align:center;
}

.imagechoice2 li::before{
	top:calc(40% - 25px);
	left:calc(50% - 25px);
	color:#000;
}

.imagechoice2 li.choice_5::before,.imagechoice2 li.choice_6::before{
	top:calc(70% - 25px);
}

.imagechoice li.choice_a::before{
	content:"A";
}

.imagechoice li.choice_b::before{
	content:"B";
}

.imagechoice li.choice_c::before{
	content:"C";
}

.imagechoice2 li.choice_1::before{
	content:"1";
}

.imagechoice2 li.choice_2::before{
	content:"2";
}

.imagechoice2 li.choice_3::before{
	content:"3";
}

.imagechoice2 li.choice_4::before{
	content:"4";
}

.imagechoice2 li.choice_5::before{
	content:"5";
}

.imagechoice2 li.choice_6::before{
	content:"6";
}

.imagechoice2 li.choice_7::before{
	content:"7";
}

@media only screen and (min-width: 670px) {
	.imagechoice2 li.choice_5{
		clear:left;
	}
}
	
.imagechoice li:hover, .imagechoice li.selected, .imagechoice2 li:hover, .imagechoice2 li.selected{
	border:2px solid #ec652d;
}

.imagechoice.imagechoice_disabled li:hover:not(.selected), .imagechoice2.imagechoice_disabled li:hover:not(.selected){
	border:2px solid #DDD;
}

.imagechoice li img{
	height:133px;
	border-radius:5px;
}

.imagechoice2 li img{
	height:133px;
	border:2px solid #FFF;
	border-radius:5px;
}

.inputtitle,.inputtitle2{
	font-weight:bold;
	margin-bottom:10px;
}

.inputtitle2{
	margin-top:20px;
}

.inputbox, .inputbox2, .inputbox3, .inputbox4{
	width:180px;
	border:1px solid #DDD;
	border-radius:3px;
	height:50px;
	line-height:50px;
	margin-bottom:5px;
}

.inputbox2{
	position:relative;
	width:500px;
}

.inputbox3{
	width:340px;
}

.inputbox4{
	width:550px;
}

.inputbox4.hidden{
	display:none;
}

.inputbox2::before{
	content: "\25BC";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    z-index: -1;
}

.inputbox span, .inputbox2 span, .inputbox3 span, .inputbox4 span{
	background-color:#DDD;
	width:50px;
	text-align:center;
}

.inputbox2 span, .inputbox3 span{
	width:200px;
	text-align:left;
	padding-left:10px;
}

.inputbox4 span:nth-child(1){
	width:200px;
	text-align:left;
	padding-left:10px;
}

.inputbox4 span:nth-child(2){
	width:200px;
	background-color:#DDD;
	text-align:left;
	padding-left:10px;
}

.inputbox4 font.unit{
	font-size:10px;
	line-height:10px;
}

.inputbox4 span:nth-child(5){
	width:200px;
	background-color:#FFF;
}

.inputbox input, .inputbox2 input, .inputbox3 input, .inputbox4 input{
	border:0px;
	height:48px;
	width:70px;
	padding-left:10px;
}

.inputbox input:disabled, .inputbox2 input:disabled, .inputbox3 input:disabled, .inputbox4 input:disabled{
	background-color:#FFF;
}

.inputbox2 select, .inputbox4 select{
	border:none;
	height:48px;
	width:290px;
	padding-left:10px;
	background: transparent;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inputbox2 select:disabled, .inputbox4 select:disabled{
	background-color:#FFF;
}

.inputbox4 select{
	width:130px;
}

.price{
	font-weight:bold;
	margin-top:20px;
}

.DefaultButton, .DefaultButton2{
	display: inline-block;
    color: #FFF;
    font-weight: bold;
    background-color: #ed713b;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 5px;
}

.DefaultButton2{
	background-color:#DDD;
	color:#333;
}

.DefaultButton:hover{
	background-color: #ec652d;
}

.DefaultButton2:hover{
	background-color: #CCC;
}

.InactiveButton{
	color:rgba(255, 255, 255, 0.5);
	cursor:default;
}

.projectcontent{
	padding:15 15 15 15px;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.projectcontent ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.projectcontent li{
	height:50px;
	line-height:50px;
	border:1px solid #DDD;
	border-radius:5px;
}

.projectcontent select{
	border:none;
	height:48px;
	width:100%;
	padding-left:10px;
	background: transparent;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.projectcontent input{
	border:none;
	height:48px;
	width:100%;
	padding-left:10px;
}

#add_project{
	display:none;
}