
/* ACCORDION */

/**/
div.accordion div {
	display: block;
	width: auto;
}
div.accordion a.title {
	display: block;
	height: 20px;
	cursor: pointer;
	background: url('../images/testing_center_imgs/title.gif') no-repeat 0px 20px;
}
div.accordion a.title span {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url('../images/testing_center_imgs/plus.gif') no-repeat right 0px;
}
div.accordion a.title:hover,
div.accordion a.selected span,
div.accordion a.title:hover span {
	background-position: right -20px;
}
div.accordion a#sub1, div.accordion a#sub1.selected { background-position: 0px 0px; }
div.accordion a#sub1:hover { background-position: 0px -20px; }
div.accordion a#sub2, div.accordion a#sub2.selected { background-position: 0px -40px; }
div.accordion a#sub2:hover { background-position: 0px -60px; }
div.accordion a#sub3, div.accordion a#sub3.selected { background-position: 0px -80px; }
div.accordion a#sub3:hover { background-position: 0px -100px; }
div.accordion a#sub4, div.accordion a#sub4.selected { background-position: 0px -120px; }
div.accordion a#sub4:hover { background-position: 0px -140px; }
div.accordion a#sub5, div.accordion a#sub5.selected { background-position: 0px -160px; }
div.accordion a#sub5:hover { background-position: 0px -180px; }


div.accordion a.title_en {
	display: block;
	height: 20px;
	cursor: pointer;
	background: url('../images/testing_center_imgs/title_en.gif') no-repeat 0px 20px;
}
div.accordion a.title_en span {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url('../images/testing_center_imgs/plus.gif') no-repeat right 0px;
}
div.accordion a.title_en:hover,
div.accordion a.selected span,
div.accordion a.title_en:hover span {
	background-position: right -20px;
}
div.accordion a#sub_en1, div.accordion a#sub_en1.selected { background-position: 0px 0px; }
div.accordion a#sub_en1:hover { background-position: 0px -20px; }
div.accordion a#sub_en2, div.accordion a#sub_en2.selected { background-position: 0px -40px; }
div.accordion a#sub_en2:hover { background-position: 0px -60px; }
div.accordion a#sub_en3, div.accordion a#sub_en3.selected { background-position: 0px -80px; }
div.accordion a#sub_en3:hover { background-position: 0px -100px; }
div.accordion a#sub_en4, div.accordion a#sub_en4.selected { background-position: 0px -120px; }
div.accordion a#sub_en4:hover { background-position: 0px -140px; }
div.accordion a#sub_en5, div.accordion a#sub_en5.selected { background-position: 0px -160px; }
div.accordion a#sub_en5:hover { background-position: 0px -180px; }


div.accordion02 div {
	display: block;
	width: auto;
}
div.accordion02 a.title {
	display: block;
	height: 22px;
	cursor: pointer;
	background: url('../images/trn_center_imgs/trn_center_btn.gif') no-repeat 0px 20px;
}
div.accordion02 a.title span {
	display: block;
	float: right;
	width: 20px;
	height: 22px;
	background: url('../images/trn_center_imgs/plus.gif') no-repeat right 0px;
}
div.accordion02 a.title:hover,
div.accordion02 a.selected span,
div.accordion02 a.title:hover span {
	background-position: right -22px;
}
div.accordion02 a#sub1, div.accordion02 a#sub1.selected { background-position: 0px 0px; }
div.accordion02 a#sub1:hover { background-position: 0px -22px; }
div.accordion02 a#sub2, div.accordion02 a#sub2.selected { background-position: 0px -44px; }
div.accordion02 a#sub2:hover { background-position: 0px -66px; }
div.accordion02 a#sub3, div.accordion02 a#sub3.selected { background-position: 0px -88px; }
div.accordion02 a#sub3:hover { background-position: 0px -110px; }
div.accordion02 a#sub4, div.accordion02 a#sub4.selected { background-position: 0px -132px; }
div.accordion02 a#sub4:hover { background-position: 0px -154px; }


div.accordion02 a.title_en {
	display: block;
	height: 22px;
	cursor: pointer;
	background: url('../images/trn_center_imgs/title_en.gif') no-repeat 0px 20px;
}
div.accordion02 a.title_en span {
	display: block;
	float: right;
	width: 20px;
	height: 22px;
	background: url('../images/trn_center_imgs/plus.gif') no-repeat right 0px;
}
div.accordion02 a.title_en:hover,
div.accordion02 a.selected span,
div.accordion02 a.title_en:hover span {
	background-position: right -22px;
}
div.accordion02 a#sub_en1, div.accordion02 a#sub_en1.selected { background-position: 0px 0px; }
div.accordion02 a#sub_en1:hover { background-position: 0px -22px; }
div.accordion02 a#sub_en2, div.accordion02 a#sub_en2.selected { background-position: 0px -44px; }
div.accordion02 a#sub_en2:hover { background-position: 0px -66px; }
div.accordion02 a#sub_en3, div.accordion02 a#sub_en3.selected { background-position: 0px -88px; }
div.accordion02 a#sub_en3:hover { background-position: 0px -110px; }
div.accordion02 a#sub_en4, div.accordion02 a#sub_en4.selected { background-position: 0px -132px; }
div.accordion02 a#sub_en4:hover { background-position: 0px -154px; }
div.accordion02 a#sub_en5, div.accordion02 a#sub_en5.selected { background-position: 0px -176px; }
div.accordion02 a#sub_en5:hover { background-position: 0px -198px; }
div.accordion02 a#sub_en6, div.accordion02 a#sub_en6.selected { background-position: 0px -220px; }
div.accordion02 a#sub_en6:hover { background-position: 0px -242px; }


.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }
