fieldset {
	padding:10px;
	border:1px solid #eee;
	background: #fafafa;
	margin-bottom:10px;
	font-size:10px;
}
.select_color_exercise table {
	background:none;
}
.select_color_exercise table td{
	padding-right:8px;
}
.select_color_exercise input[type=text]{
	padding:3px;
	border:1 px solid #eee;
}
.select_color_exercise input[type=number]{
	width:50px;
	padding:3px;
	border:1 px solid #eee;
}
.select_color_exercise select{
	padding:3px;
	border:1 px solid #eee;
}
.octagon_div {
	width:300px;
	text-align:center;
	float:left;
	padding-top:20px;

	padding-bottom:20px;
}
.octagon_div.black{
	background:#000;
	color:#fff;
}
.octagon_div.gray{
	background:#999;

}
.octagon_div select {
	padding:3px;
	border:1px solid #eee;

}
.lab {
	margin-bottom:10px;
	font-size:10px;
	margin-top:10px;
	font-weight:600;
	width:290px;
	height:30px;
}
.details_table{
	width:100%;
	border:none;
	height:60px;
	margin-bottom:10px;
}
.details_table td {
	padding:2px;
	vertical-align:middle;
	font-size:10px;
}
.details_table td.details_direction {
	width:50px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	text-align: center;
}
.details_table td.details_direction img {
	width:25px;
	margin-top:5px;
}
img.alert_img {
	width:15px;
}
.quiz_button img {
	vertical-align: middle;
	margin-right:10px;
}
.quiz_button {
 	display:block;
 	height:38px;
 	margin-bottom:10px;
 	color:#fff;
 	float:left;
 	clear:both;
 	font-size:14px;
 	line-height:38px; 
 	background:none;
 	text-align:left;
 	border:none;
 }

 .quiz_buttons {
 	height:144px;
 }
 input[type=submit].quiz_button {
 	width:110px;
 }


 .photo1 img, .photo2 img {
 	float:left;
 	margin:0px;
 }
 .photo1 {
 	float:left;
 	position:relative;
 	width:300px;
 	height:540px;
 	margin-bottom:30px;
 }
 
.photo4 {
 	float:left;
 	width: 584px;
 	position:relative;
 	height:520px;
 	padding:10px;
 	margin-bottom:30px;
}

 .photo2 {
 	margin-left:5px;
 	float:left;
 	position:relative;
 	width:300px;
 	height:540px;
 	margin-bottom:30px;
 }
 .photo3 {
 	margin-left:10px;
 	float:right;
 	height:587px;
 	padding:10px;
 	position:relative;
 	width:245px;
 	text-align: left;
 	margin-bottom:20px;
 }
 .photo3 h2 {
 	font-size:12px;
 	font-weight:600;
 	border:none;
 }

 .photo3 label{
  	display:block;
  	margin-bottom:5px;
 }
.example_photo table {
  	margin-bottom:5px;
  	color:#000;
  	border-collapse:collapse;
}
.example_photo table td {
	padding:0px;
	border:2px solid #fff;
}

 .example_photo img{
 	float:left;
 	margin:0px;
 	padding:0px;
  	border:1px solid #fff;
 }
 .example_photo img:hover{
 	border:1px solid #666;
 }
.example_photo table tr:first-child td{
  	padding-bottom:3px;
  	padding-left:5px;
  	padding-top:3px;

 }
.example_photo table tr td:first-child {
	border-right-width: 3px;
 }
.example_photo table tr:last-child td:first-child {

 }
 .example_photo table tr:last-child td:first-child img {

 }
 .photo3 select{
 	padding:5px;
 	border:1px solid #eee;
 }
 .delta_result {
 	position:absolute;
 	left:125px;
 	top:20px;
 	width:18px;
 	font-size:44px;
 	line-height:22px;
 	text-align:center;
 	z-index:20000;
 }
 .scale_factor {
 	height:37px;
 	clear:left;
 	position:relative;
 	float:left;
 	width:604px;
 	background:url('/cee/images/scale_factor.png');
 }
 .e_factor{
 	height:60px;
 	width:150px;
 	margin-bottom:10px;
 	line-height:60px;
 	padding-left:110px;
 	background:no-repeat left url('/templates/chromachecker/img/e-factor_white.png');
 }
.background_form {
	position:relative;
	width:100%;
	height:70px;
}
hr {
	clear:both;
}
.what_you_can_see_now {
	width:100%;
	height:68px;
}