.navigation li.selected {
  background-color: #ff8726; color: #ffffff; 
}


div#test-content {
  position: relative;
  left: 2em;
  clear: both;
  width: 70%;
  border: 0px solid #ff0000;
}

h1 {
  font-size: 220%;
  margin: 0 0 0.5em 0;
}

div#test-content div#text-block {
  overflow: hidden;
  padding-bottom: 4em;
  margin-bottom: 10px;
}

div#test-content h2 {
  font-size: 240%;
  line-height: 1em;
  padding: 0 5px;
  float: left;
  margin: 0px;
}

div#text-block div {
  padding-top: 3px;
  line-height: 1.2em;
  padding-left: 0.5em;
  font-size: 135%;
  float: left;
  width: 85%;
}

div#text-block em {
  font-size: 80%;
  display: block;
  margin-top: 5px;
}







ul#test-type01-usual,
ul#test-type02-usual,
ul#test-type03-usual,
ul#test-type04-usual,
ul#test-type05-usual { position: relative; display: block; clear: both; list-style: none; }

ul#test-type01-usual li,
ul#test-type02-usual li, 
ul#test-type03-usual li,
ul#test-type04-usual li,
ul#test-type05-usual li { position: relative; display: block; margin-left: 60px; padding: 7px 0 14px 0; }
                          
ul#test-type01-usual li a, 
ul#test-type02-usual li a,
ul#test-type03-usual li a,
ul#test-type04-usual li a,
ul#test-type05-usual li a { text-decoration: none; font-size: 110%; color: #000; }

ul#test-type01-usual li img,
ul#test-type01-usual li a span,
ul#test-type01-select li a span,
ul#test-type02-usual li img,
ul#test-type02-usual li a span,
ul#test-type02-select li a span,
ul#test-type03-usual li img,
ul#test-type03-usual li a span,
ul#test-type03-select li a span,
ul#test-type04-usual li img,
ul#test-type04-usual li a span,
ul#test-type04-select li a span,
ul#test-type05-usual li img,
ul#test-type05-usual li a span,
ul#test-type05-select li a span {
  display: none;
}


ul#test-type01-select,
ul#test-type02-select,
ul#test-type03-select,
ul#test-type04-select,
ul#test-type05-select { position: relative; display: block; clear: both; border: 0px solid #000; list-style: none; }

ul#test-type01-select li,
ul#test-type02-select li,
ul#test-type03-select li,
ul#test-type04-select li,
ul#test-type05-select li { position: relative; display: block; margin-left: 46px; }

ul#test-type01-select li p,
ul#test-type02-select li p,
ul#test-type03-select li p,
ul#test-type04-select li p,
ul#test-type05-select li p { position: relative; }

ul#test-type01-select li a,
ul#test-type02-select li a,
ul#test-type03-select li a,
ul#test-type04-select li a,
ul#test-type05-select li a { position: relative; text-decoration: none; display: block; font-size: 110%; color: #fff; line-height: 1.15em; margin-left: 15px; padding: 12px 0 12px 0; }

ul#test-type01-select li img,
ul#test-type02-select li img,
ul#test-type03-select li img,
ul#test-type04-select li img,
ul#test-type05-select li img { display: block; position: absolute; top: 0; right: -1px; }



ul#test-type01-selected,
ul#test-type02-selected,
ul#test-type03-selected,
ul#test-type04-selected,
ul#test-type05-selected { position: relative; display: block; clear: both; border: 0px solid #000; list-style: none; }

ul#test-type01-selected li,
ul#test-type02-selected li,
ul#test-type03-selected li,
ul#test-type04-selected li,
ul#test-type05-selected li { position: relative; display: block; margin-left: 50px; padding: 7px 0 14px 0; }

ul#test-type01-selected li a,
ul#test-type02-selected li a,
ul#test-type03-selected li a,
ul#test-type04-selected li a,
ul#test-type05-selected li a { text-decoration: none; font-size: 110%; color: #b2b2b2; }

ul#test-type01-selected li a span,
ul#test-type02-selected li a span,
ul#test-type03-selected li a span,
ul#test-type04-selected li a span,
ul#test-type05-selected li a span { position: relative; padding-right: 0.3em; }

ul#test-type01-selected li img,
ul#test-type02-selected li img,
ul#test-type03-selected li img,
ul#test-type04-selected li img,
ul#test-type05-selected li img { display: none; }







ul#test-type01-usual { background: url('../images/arrow_img01_bg.gif') top left no-repeat; }
ul#test-type01-select { background: url('../images/arrow_img01_bg.gif') top left no-repeat; }
ul#test-type01-select li { background: #d26ec7  url('../images/corner-block01-t-l-bg.gif') top left no-repeat; }
ul#test-type01-select li p { background: url('../images/corner-block01-b-l-bg.gif') bottom left no-repeat; }
ul#test-type01-select li a { background: url('../images/corner-block01-b-r-bg.gif') bottom right no-repeat; }


ul#test-type02-usual { background: url('../images/arrow_img02_bg.gif') top left no-repeat; }
ul#test-type02-select { background: url('../images/arrow_img02_bg.gif') top left no-repeat; }
ul#test-type02-select li { background: #EAB247  url('../images/corner-block02-t-l-bg.gif') top left no-repeat; }
ul#test-type02-select li p { background: url('../images/corner-block02-b-l-bg.gif') bottom left no-repeat; }
ul#test-type02-select li a { background: url('../images/corner-block02-b-r-bg.gif') bottom right no-repeat; }


ul#test-type03-usual { background: url('../images/arrow_img03_bg.gif') top left no-repeat; }
ul#test-type03-select { background: url('../images/arrow_img03_bg.gif') top left no-repeat; }
ul#test-type03-select li { background: #8CC36F  url('../images/corner-block03-t-l-bg.gif') top left no-repeat; }
ul#test-type03-select li p { background: url('../images/corner-block03-b-l-bg.gif') bottom left no-repeat; }
ul#test-type03-select li a { background: url('../images/corner-block03-b-r-bg.gif') bottom right no-repeat; }


ul#test-type04-usual { background: url('../images/arrow_img04_bg.gif') top left no-repeat; }
ul#test-type04-select { background: url('../images/arrow_img04_bg.gif') top left no-repeat; }
ul#test-type04-select li { background: #8CAFD1  url('../images/corner-block04-t-l-bg.gif') top left no-repeat; }
ul#test-type04-select li p { background: url('../images/corner-block04-b-l-bg.gif') bottom left no-repeat; }
ul#test-type04-select li a { background: url('../images/corner-block04-b-r-bg.gif') bottom right no-repeat; }


ul#test-type05-usual { background: url('../images/arrow_img05_bg.gif') top left no-repeat; }
ul#test-type05-select { background: url('../images/arrow_img05_bg.gif') top left no-repeat; }
ul#test-type05-select li { background: #FF758C  url('../images/corner-block05-t-l-bg.gif') top left no-repeat; }
ul#test-type05-select li p { background: url('../images/corner-block05-b-l-bg.gif') bottom left no-repeat; }
ul#test-type05-select li a { background: url('../images/corner-block05-b-r-bg.gif') bottom right no-repeat; }


ul.question,
ul.question ul  { list-style: none; clear: both;}


ul.question.
ul.answers {
  border: 0px solid #0000ff;
  position: relative;
}

ul.question li { margin-bottom: 20px;}
ul.answers li { margin-bottom: 0px; cursor: pointer;}
.question li span {
  display: block;  
  font-size: 290%;
  float: left;
  text-align: right;
  padding: 0 10px 0 5px;

  border: 0px solid #dd0000;
  width: 35px;
}

.question li em { 
   font-size: 80%;
   clear: both;
   display: block;
   padding-top: 0.7em;
}

.question li p {
  font-size: 135%;
  float: left;
  width: 85%;
  line-height: 1.2em;
  padding-left: 0.2em;
}


 
div#test-content h2 {
  font-size: 240%;
  line-height: 1em;
  padding: 0 5px;
  float: left;
  margin: 0px;
}

div#text-block div {
  padding-top: 3px;
  line-height: 1.2em;
  padding-left: 0.5em;
  font-size: 135%;
  float: left;
  width: 85%;
}















.wrapper {position: relative; display: block; }
.wrapper .wrap-top,
.wrapper .wrap-bottom { line-height: 1px; font-size: 0px; width: 100%; height: 13px; position: relative; }
                                                                                                  
.wrapper .wrap-bottom {  margin-top: -13px;}
.wrapper .wrap-top { margin-bottom: -11px; 
} 

.wrapper .wrap-top .line,
.wrapper .wrap-top .corner,
.wrapper .wrap-bottom .line,
.wrapper .wrap-bottom .corner { 
position: relative; height: 13px; width: 13px; }

.wrapper .wrap-top .line { background: url('../images/test_block_cor_t_l_pic.png') top left no-repeat; float: left; }
.wrapper .wrap-top .corner { background: url('../images/test_block_cor_t_r_pic.png') top left no-repeat; float: right; }
.wrapper .wrap-bottom .line { background: url('../images/test_block_cor_b_l_pic.png') top left no-repeat; float: left; }
.wrapper .wrap-bottom .corner { background: url('../images/test_block_cor_b_r_pic.png') top left no-repeat; float: right; }


ul.answers li { display: block; position: relative; border: 0px solid #ff0000;}
ul.answers li .content { position: relative; line-height: 1.6em; padding-left: 12px; margin: 10px 0; }
ul.answers li .content small { font-size: 100%; color: #505370; text-decoration: none;}

ul.answers li .content small:hover { color:#6168ac; }

ul.answers li.selected .content small { color: #fff; }
ul.answers li .marker { border: 0px solid #000; background: #ffffff; padding-left: 55px; }

ul.answers .wrapper { background: #fff;}




ul.answers li           .blue .marker { background-image: url('../images/test_blue_line.png'); }
ul.answers li.selected  .blue .wrapper { background: #8fb2d4;}

ul.answers li           .pink .marker { background-image: url('../images/test_pink_line.png'); }
ul.answers li.selected  .pink .wrapper { background: #d26ec7;}


ul.answers li           .yellow .marker { background-image: url('../images/test_yellow_line.png'); }
ul.answers li.selected  .yellow .wrapper { background: #eab247;}


ul.answers li           .green .marker { background-image: url('../images/test_green_line.png'); }
ul.answers li.selected  .green .wrapper { background: #8cc36f;}

ul.answers li           .red .marker { background-image: url('../images/test_red_line.png'); /*test_red_line.png*/}
ul.answers li.selected  .red .wrapper { background: #ff6c84;}














ul.answers li .position1 { background-position: 0  50%; }
ul.answers li .position2 { background-position: 55px  50%; }
ul.answers li .position3 { background-position: 110px 50%; }
ul.answers li .position4 { background-position: 165px 50%; }
ul.answers li .position5 { background-position: 220px 50%; }
ul.answers li .position6 { background-position: 275px 50%; }
ul.answers li .position7 { background-position: 330px 50%; }
ul.answers li .position8 { background-position: 385px 50%; }
ul.answers li .position9 { background-position: 440px 50%; }
ul.answers li .position10 { background-position: 495px 50%; }







ul.answers li.disable .content {left: -10px; margin-bottom: 0px; 
//margin-top: 0px;
}
ul.answers li.disable .wrap-top,
ul.answers li.disable .wrap-bottom {height: 16px;  }
ul.answers li.disable .wrap-top { height: 7px; 
//height: 15px;  
}

ul.answers li.disable .wrap-top .corner,
ul.answers li.disable .wrap-top .line,
ul.answers li.disable .wrap-bottom .corner,
ul.answers li.disable .wrap-bottom .line { display: block;}

ul.answers li.disable,
ul.answers li.disable .marker {background: #fff url('../images/line_disable_pic.gif') left top no-repeat; }
ul.answers li.disable .content small { color:#b2b2b2; overflow: hidden;  height: 20px; border: 0px solid #ff0000; display: block; }
ul.answers li.disable .marker { padding-left: 65px; }
 






#result { display: none; }
.result {  background: #E6E8D4; margin: 20px 0;} 
.result div.content  { padding: 30px 40px; padding-left: 250px; }
.result h3 { position: relative;  float: left;  margin-left: -198px; top: -5px; color: #d02020; 
 font-size: 160%; font-weight: normal;  margin-bottom: 15px;}

#result-image, #result-image2 { 
	position: relative; 
	float: left; 
	top: 30px; 
	margin-left: -222px; 
	padding: 7px 0; 
	background: url('../images/result-image.gif') -5px 4px no-repeat;
	height: 207px; 
	width: 217px;
	overflow:hidden;
}
	  
#result-image2 { 
	background-position: top center;
}

#result-image div {
	border: 0px solid #00ff00;  
	/*margin: 10px 27px 0 27px;*/
	margin-top:-10px;  
	height:200px;
}

#result.red #result-image div
{  
  margin-top:-15px;
}

.result div.result-info {
  display: block;
  position: relative;  
  padding-left: 15px;
  top: -2px; 
}
.result div.result-info a { color: #e708ef;}
.result div.result-info p { font-size: 105%; line-height: 1.4em; margin-bottom: 15px; margin-left:1px; }
.result div.result-info h4 { font-size: 130%; font-weight: bold;  margin-bottom: 10px; }

.pink #result-image div,
.blue #result-image div,
.yellow #result-image div,
.green #result-image div,
.red #result-image div { background-repeat: no-repeat; } 

.pink #result-image div {
  background-image: url('../images/result_bg01.png');  
	}
.blue #result-image div {
  background-image: url('../images/result_bg02.png');  
	}
.yellow #result-image div {
  background-image: url('../images/result_bg03.png');  
	}
.green #result-image div {
  background-image: url('../images/result_bg04.png');  
	}
.red #result-image div {
  background-image: url('../images/result_bg05.png');
	}

.position_blue #result-image div,
.position_blue_blue #result-image div,
.position_pink_pink #result-image div,
.position_yellow_yellow #result-image div, 
.position_green_green #result-image div, 
.position_red_red #result-image div  { margin-left:3px; }

.position_green #result-image div,
.position_blue_green #result-image div,
.position_pink_green #result-image div,
.position_yellow_green #result-image div,
.position_green_blue #result-image div,
.position_red_blue #result-image div { margin-left:-197px; }

.position_pink #result-image div,
.position_blue_pink #result-image div,
.position_pink_blue #result-image div,
.position_yellow_blue #result-image div,
.position_green_pink #result-image div,
.position_red_pink #result-image div { margin-left:-397px; }

.position_red #result-image div,
.position_blue_red #result-image div,
.position_pink_red #result-image div,
.position_yellow_red #result-image div,
.position_green_yellow #result-image div,
.position_red_yellow #result-image div { margin-left:-597px; }

.position_yellow #result-image div,
.position_blue_yellow #result-image div,
.position_pink_yellow #result-image div,
.position_yellow_pink #result-image div,
.position_green_red #result-image div,
.position_red_green #result-image div { margin-left:-797px; }

#footer #contact-info {
	margin-top:1.7em;
	/*height:auto;*/
}











/*=====================================================*/ 
#person-bubble .wrap-bottom { margin-top: auto; }
#person-bubble .wrap-top { margin-bottom: auto; } 

#person-bubble .wrap-top .line,
#person-bubble .wrap-top .corner,
#person-bubble .wrap-bottom .line,
#person-bubble .wrap-bottom .corner { width: auto; }

#person-bubble .wrap-top .line,
#person-bubble .wrap-top .corner,
#person-bubble .wrap-bottom .line,
#person-bubble .wrap-bottom .corner { float:none; }

#person-bubble .line-left .l-left,
#person-bubble .line-right .l-right { height:100%; }




#person-bubble .wrapper {
  position: relative;
  margin-top: 20px;
  width: 86%;  
}

#person-bubble .wrapper { position: relative; margin-top: 20px;}
#person-bubble .wrap-top,
#person-bubble .wrap-bottom {position: relative;  height: 45px; }
#person-bubble .wrap-top { background: url('../images/bubble_middle_corner_lt.png') top left no-repeat;}
#person-bubble .wrap-bottom { background: url('../images/bubble_middle_corner_lb.png') top left no-repeat;}

#person-bubble .wrap-top .corner,
#person-bubble .wrap-bottom .corner { margin-top: -45px;  height: 45px; width: 45px; position: relative; float: right; 
}
#person-bubble .wrap-top .corner { background: url('../images/fade-corner-r-t-pic.png') top left no-repeat;}
#person-bubble .wrap-bottom .corner { background: url('../images/fade-corner-r-b-pic.png') top left no-repeat;}

#person-bubble .wrap-top .line,
#person-bubble .wrap-bottom .line { height: 45px; margin: 0 45px; 
}
#person-bubble .wrap-top .line { background: url('../images/fade-line-top.png') top left repeat-x; }
#person-bubble .wrap-bottom .line { background: url('../images/fade-line-botom.png') top left repeat-x; }

#person-bubble .wrapper .line-left .l-left { height: 100%; 
//height: expression(this.parentNode.offsetHeight); 
}
#person-bubble .wrapper .line-right .l-right { height: 100%; 
//height: expression(this.parentNode.offsetHeight); 
}


#person-bubble .line-left {
  position: relative;
  width: 100%;
}

#person-bubble .line-right { position: relative; padding-right: 14px;}
#person-bubble .l-left { 
  width: 7px;
  background: url('../images/fade-left-sh.png') top left repeat-y;    
  position: absolute;
}

#person-bubble .l-right {
  background: url('../images/fade-right-sh.png') top left repeat-y;  
  position: absolute;
  right: 0;
  width: 7px;  
}


#person-bubble .content { 
  position: relative;
  background: url('../images/fade-empty.png') top left ;  
  margin: 0 7px;
  border: 0px solid #000;  
  width: 100%;
  padding: 150px 0 200px 0px;
}




#person-bubble .wrap-top,
#person-bubble .wrap-bottom { height: 26px; }
#person-bubble .wrap-top { background: url('../images/bubble_middle_corner_lt.png') top left no-repeat; }
#person-bubble .wrap-bottom { background: url('../images/bubble_middle_corner_lb.png') top left no-repeat; }

#person-bubble .wrap-top .corner,
#person-bubble .wrap-bottom .corner { margin-top: -26px;  height: 26px; width: 26px;}
#person-bubble .wrap-top .corner { background: url('../images/bubble_middle_corner_rt.png') top left no-repeat;}
#person-bubble .wrap-bottom .corner { background: url('../images/bubble_middle_corner_rb.png') top left no-repeat;}

#person-bubble .wrap-top .line,
#person-bubble .wrap-bottom .line { height: 26px;  margin: 0 26px; }

#person-bubble .wrap-top .line { background: url('../images/bubble_middle_side_top.png') top left repeat-x; }
#person-bubble .wrap-bottom .line { background: url('../images/bubble_middle_side_bottom.png') top left repeat-x; margin-right: 26px; border: 0px solid #ff0000;}

#person-bubble .line-left .l-left { background: url('../images/bubble_middle_side_left.png') top left repeat-y; width: 26px; }
#person-bubble .line-right .l-right {  border: 0px solid #00ff00; background: url('../images/bubble_middle_side_right.png') top left repeat-y; width: 26px; }

#person-bubble .line-left { position: relative;  width: 100%; }

#person-bubble .line-right {  border: 0px solid #ff0000; position: relative; padding-right: 42px;}
#person-bubble .content {background: #FFFAD9; margin: 0 21px; padding: 0;}

#person-bubble #pointer { position: relative; display: block; float: right;  right: 20px;  width: 96px;  height: 72px;  margin: 0 -1px 0 0;  margin-bottom: -72px; border: 0px solid #dd0000;}

#person-bubble .line-left div.l-left,
#person-bubble .line-right div.l-right, {		
	//height: expression(this.parentNode.offsetHeight);
	}

#person-bubble .content h3 { 
  font-size: 170%;
  font-style: italic;
  font-weight: normal;  
}

#person-bubble .content p { 
  font-size: 100%;
  line-height: 1.4em;
  color: #858271;
  padding: 0;
  margin:0;  
  display:block;
}

#person-bubble .content div.closeButton {
  position: absolute; 
  display: block;
  width: 24px;
  height: 24px;
  top: 3px;
  margin: 0; padding: 0;
  background: url('../images/close_icon03.gif') top left no-repeat;
  cursor: pointer;
  zoom: 1;
  right: 22px;
}

#person-bubble .wrap-bottom {
	margin-top:0;
}

/*=====================================================*/

p.inner_href a { 
	text-decoration:none; 	
	}

.inner_href { 
	border-bottom:1px dashed #E708EF;
	color:#E708EF;	
	cursor:pointer;
	}

#person-bubble {
	position:absolute;
	display:none;
	width:75%;	
	margin-top:-26px;
	margin-left:-20px;
	z-index:1;	  
}	
	
#person-bubble textarea {	
	width:98%;
	height:5em;	
	margin:0.5em 2% 0 0;	
	overflow-x:hidden;
	overflow-y:auto;	
	}
	
#links p {
	display:inline;
	margin-right:0.5em;
	}

#links, #p_code_normal {
	position:relative;	
}

#links {	
	width:100%;	
	height:3em;
}

#test {
	width:auto;
	float:left;
	margin-right:10px;	
	}

#cont_code_normal {
	width:75%;
	float:left;
	margin-top:0.4em;
	position:absolute;
	left:195px;
	}

.already_save {
	color:#898989;
	}	

#test #part2 {
	display:none;
	position:relative;
	top:0.4em;
	padding-left:1em;
	}

#test #part1 {
	cursor: pointer;	
	}
	
#footer {
	z-index:1111;
}