html {
    font-size: 75%;
    line-height: 1.167em;
}
body, button, input, select, textarea, #header_zone_wrap {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#header_zone_wrap, #breadcrumb, .footer, #content .remark_wrap {
	font-size: 0.917em;
}

textarea, input {
    font-size: 100%;
}
#content p{
	padding: 0 0 15px;
}

/************  AAA FONT SIZE 
.smallsize {
    font-size: 90%;
}
.middlesize {
    font-size: 100%;
}
.largesize {
    font-size: 110%;
}

.smallsize #content {
    line-height: 150%;
}
.middlesize #content {
    line-height: 153%;
}
.largesize #content {
    line-height: 157%;
}
**************/
/************  20221123 Updated AAA FONT SIZE **************/
.smallsize {
    font-size: 100%;
}
.middlesize {
    font-size: 110%;
}
.largesize {
    font-size: 120%;
}

.smallsize #content {
    line-height: 153%;
}
.middlesize #content {
    line-height: 158%;
}
.largesize #content {
    line-height: 162%;
}

/************  AAA bullet postition **************/
/*** Small Size ***/
.smallsize #header_zone_wrap .toolbar li.lang a{background-position: right -2px;}
.smallsize a.btn_forgot_pw {
	background-position: left 2px;
	background-position: left 3px \9;
	-bracket-:hack(;background-position: left 4px;); /*Chrome , Safari*/	
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
    ::i-block-chrome, .smallsize a.btn_forgot_pw {background-position: left 3px; }
}
.smallsize a.btn_backtop {background-position: left 5px;}
.smallsize #breadcrumb a.btn_print { background-position: left -1px;	}
.smallsize a.btn_pink,.smallsize a.btn_orange, .smallsize a.btn_disabled { 
	min-height:16px; 
	/* line-height: 1.231em; */
	line-height: inherit;
	padding-top:4px; 
	-bracket-:hack(;padding-top:2px;); /*Chrome , Safari*/
	padding-bottom:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
    ::i-block-chrome, .smallsize a.btn_pink,.smallsize a.btn_orange, .smallsize a.btn_disabled  {padding-top:4px; }
}


.smallsize a.btn_orange_arrow_r, .smallsize a.btn_pink_arrow_r, .smallsize a.btn_pink_arrow_l { min-height:19px; padding-top:6px; 
/* line-height: 1.231em;  */
line-height: 1em; 
}
.smallsize #leftnav li a {background-position: left 9px;}
.smallsize #leftnav li.selected a,#leftnav li a:hover {background-position: right 9px;}
.smallsize #content ul.floating li  {background-position: 10px 5px;}
.smallsize #content ul.floating li ul li {background-position: 10px 5px;}
.smallsize #content table.form_tbl th { padding-top: 8px;  padding-top: 9px \9;  *padding-top: 8px;}
.smallsize ul li {background-position: 12px 6px; background-position:12px 7px \9;}
.smallsize #content ul.a_tab li {  background-position: 12px 11px; }
.smallsize .accordion_wrap h2.acc_item_head a span.arrow {    margin-top: 6px;}
.smallsize .accordion_wrap h2.acc_item_head a.open span.arrow{ margin-top: 7px;}
.smallsize #content ul#quiz_list input[type="radio"]  {	margin-top:-2px; margin-top:0px \9;}
.smallsize #content ul#quiz_list img   {	margin-top:-2px; margin-top:-2px \9;}
.smallsize #content ul.exam_progress_v li div.label,
.smallsize #content ul.exam_progress_v li.finished div.label {background-position: 221px 2px; } 
.smallsize #content ul.exam_progress_v li.completed div.label { background-position: 217px -1px; }
.smallsize #content ul.exam_progress_v li.selected div.label{ background-position: right 1px;}
.smallsize #content ul.module_summary_bar li li{
	background-position: 10px 5px;
	(-bracket-:hack; background-position: 10px 7px;);
}
.smallsize #content ul.module_summary_bar li li.completed{
	background-position: 7px 3px;
	(-bracket-:hack; background-position: 7px 4px;);
}
.smallsize #content .accordion_wrap h2.acc_item_head #result_wrap .correct,
.smallsize #content .accordion_wrap h2.acc_item_head #result_wrap .incorrect {	background-position: left -1px;}

/*** Middle Size ***/
.middlesize #header_zone_wrap .toolbar li.lang a{background-position: right -1px;}
.middlesize a.btn_forgot_pw { 
	background-position: left 4px; 
	background-position: left 2px \9;
	-bracket-:hack(;background-position: left 3px;); /*Chrome , Safari*/	
}

.middlesize a.btn_backtop {background-position: left 4px;}
.middlesize #breadcrumb a.btn_print { background-position: left -1px;	}
.middlesize a.btn_pink,.middlesize a.btn_orange, .middlesize a.btn_disabled { 
	min-height:16px; 
	/* line-height: 1.231em; */
	line-height: inherit;
	padding-top:2px; 
	padding-top:3px \9; 
	-bracket-:hack(;padding-top:2px;); /*Chrome , Safari*/
	padding-bottom:2px; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
    ::i-block-chrome, .middlesize a.btn_pink,.middlesize a.btn_orange, .middlesize a.btn_disabled  {padding-top:4px; }
}
.middlesize a.btn_orange_arrow_r, .middlesize a.btn_pink_arrow_r, .middlesize a.btn_pink_arrow_l { min-height:21px; padding-top:4px; 
/* line-height: 1.231em;  */
line-height: 1.1em; 
}
.middlesize #leftnav li a {background-position: left 10px;}
.middlesize #leftnav li.selected a,#leftnav li a:hover {background-position: right 10px;}
.middlesize #content ul.floating li {background-position: 10px 7px;}
.middlesize #content ul.floating li ul li {background-position: 10px 7px;}
.middlesize #content table.form_tbl th { padding-top: 6px; *padding-top: 5px;}
.middlesize ul li {background-position: 12px 6px; background-position:12px 7px \9;}
.middlesize #content ul.a_tab li {  background-position: 12px 13px; }
.middlesize .accordion_wrap h2.acc_item_head a span.arrow {    margin-top: 7px; margin-top: 8px \9;}
.middlesize .accordion_wrap h2.acc_item_head a.open span.arrow{ margin-top: 9px;}
.middlesize #content ul#quiz_list input[type="radio"] {	margin-top:0px; margin-top:1px \9;}
.middlesize #content ul#quiz_list img  { margin-top:-1px; margin-top:0px \9;}
.middlesize #content ul.exam_progress_v li div.label,
.middlesize #content ul.exam_progress_v li.finished div.label {background-position: 221px 4px; } 
.middlesize #content ul.exam_progress_v li.completed div.label { background-position: 217px 1px; }
.middlesize #content ul.exam_progress_v li.selected div.label{ background-position: right 3px;}
.middlesize #content ul.module_summary_bar li li{
	background-position: 10px 7px;
}
.middlesize #content ul.module_summary_bar li li.completed{
	background-position: 7px 4px;
	(-bracket-:hack; background-position: 7px 4px;);
}
.middlesize #content .accordion_wrap h2.acc_item_head #result_wrap .correct,
.middlesize #content .accordion_wrap h2.acc_item_head #result_wrap .incorrect {	background-position: left 0px;}



/*** Large Size ***/
.largesize #header_zone_wrap .toolbar li.lang a{background-position: right 0px;}
.largesize a.btn_forgot_pw{
	background-position: left 5px; 
	background-position: left 3px \9;
	-bracket-:hack(;background-position: left 3px;); /*Chrome , Safari*/	
}

.largesize a.btn_backtop {background-position: left 4px;}
.largesize #breadcrumb a.btn_print { background-position: left -1px;	}
.largesize a.btn_pink,.largesize a.btn_orange, .largesize a.btn_disabled {	
	min-height:17px; 
	/* line-height: 1.231em; */
	line-height: inherit;
	padding-top:2px;
	-bracket-:hack(;padding-top:3px;); /*Chrome , Safari*/
	padding-top:3px \9; /*IE*/
	padding-bottom:2px;
	padding-bottom:0px \9; /*IE*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
    ::i-block-chrome, .largesize a.btn_pink,.largesize a.btn_orange, .largesize a.btn_disabled  {padding-top:4px; }
}
.largesize a.btn_orange_arrow_r, .largesize a.btn_pink_arrow_r, .largesize a.btn_pink_arrow_l { min-height:22px; padding-top:3px; 
/* line-height: 1.231em;  */
line-height: 1.1em; 
}
.largesize #leftnav li a {background-position: left 11px;}
.largesize #leftnav li.selected a,#leftnav li a:hover {background-position: right 11px;}
.largesize #content ul.floating li  {background-position: 10px 9px;}
.largesize #content ul.floating li ul li {background-position: 10px 8px;}
.largesize #content table.form_tbl th { padding-top: 5px;}
.largesize ul li {background-position: 12px 8px; background-position:12px 9px \9; }
.largesize #content ul.a_tab li {  background-position: 12px 14px; }
.largesize .accordion_wrap h2.acc_item_head a span.arrow {    margin-top: 9px;  margin-top: 8px \9;}
.largesize .accordion_wrap h2.acc_item_head a.open span.arrow{ margin-top: 9px;}
.largesize #content ul#quiz_list input[type="radio"] {	margin-top:2px;}
.largesize #content ul#quiz_list img {	margin-top:0px;}
.largesize #content ul.exam_progress_v li div.label,
.largesize #content ul.exam_progress_v li.finished div.label {background-position: 221px 5px; } 
.largesize #content ul.exam_progress_v li.completed div.label { background-position: 217px 1px; }
.largesize #content ul.exam_progress_v li.selected div.label{ background-position: right 3px;}
.largesize #content ul.module_summary_bar li li{
	background-position: 10px 8px;
}
.largesize #content ul.module_summary_bar li li.completed{
	background-position: 7px 5px;
	(-bracket-:hack; background-position: 7px 5px;);
	background-position: 7px 6px \9;
}
.largesize #content .accordion_wrap h2.acc_item_head #result_wrap .correct,
.largesize #content .accordion_wrap h2.acc_item_head #result_wrap .incorrect {	background-position: left 2px;}










@media screen and (min-width:0\0) { 
	/* IE9 and IE10 rule sets go here */ 
	.smallsize ul li {background-position: 12px 6px;}
	.middlesize ul li {background-position: 12px 7px;}
	.largesize ul li {background-position: 12px 9px;}
}







/************  HEADER **************/
h1{
	color:#f28cb9;
	font-size: 1.4em;
	line-height: 1.2em;
}
/*
h1 span{
	font-size:0.75em;
	line-height: 1.1em;
}
*/
h2{
	font-size:1.25em;
	line-height: 1.3em;
}
h3{
	font-size:1.083em;
	line-height: 1.3em;
}
h4{
	font-size:1em;
	line-height: 1.25em;
	font-weight: bold;
}
ul h4{	margin: 3px 0 0px 0;}
h5{
	font-size:1em;
}
h6{
	font-size:1.083em;
	line-height: 1.3em;
}