body { font-family: Arial; font-weight:normal; }
#myscrollbar::-webkit-scrollbar
{
        overflow:hidden;
        width:1px;
        background:#fafafa;
}
        #myscrollbar::-webkit-scrollbar:horizontal
        {
                height:1px;
        }
#myscrollbar::-webkit-scrollbar-button
{
       display:none;
}
#myscrollbar::-webkit-scrollbar-piece
{
        background:#eee;
}
        #myscrollbar::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
#myscrollbar::-webkit-scrollbar-thumb
{
        background:#333;
}
#myscrollbar::-webkit-scrollbar-corner
{
        background:#333;
}

.ui-header .ui-title { font-weight:normal; margin: .6em 10px .8em; padding-left: 2em; padding-right: 2em; white-space:normal; word-break: normal; }
.ui-li-divider, .ui-li-static { font-weight:normal; font-size: 16px; }
.ui-li .ui-btn-text .ui-link { font-weight:normal; white-space: normal; }
.ui-li .ui-btn-text a.ui-link-inherit { font-weight:normal; white-space: normal; word-break: break-all; word-wrap: break-word; }
.ui-collapsible h3 .ui-btn-text{ font-weight:normal; white-space:normal; word-break: break-all; word-wrap: break-word;}
.ui-collapsible h3 .ui-btn-inner{ font-weight:normal; white-space:normal; word-break: break-all; word-wrap: break-word; }
.ui-collapsible h4 .ui-btn-text{ font-weight:normal; white-space:normal; word-break: break-all; word-wrap: break-word;}
.ui-collapsible h4 .ui-btn-inner{ font-weight:normal; white-space:normal; word-break: break-all; word-wrap: break-word; }
.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .3em; padding-bottom:.3em; }
.ui-navbar .ui-btn-inner { font-weight:normal; }
.ui-dialog .ui-header, 
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
	max-width: 90%; 
}
.ui-dialog h4 .ui-btn-text { height: 1em; vertical-align:middle;}
.ui-input-search input.ui-input-text { font-weight:normal; }
.ui-collapsible-heading .ui-btn { border-left-width: 1px; border-right-width: 1px; }
.ui-collapsible-content { border-left-width: 1px; border-right-width: 1px; }

.parent-link
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    cursor: pointer;
}
.parent-link-icon
{
	position: absolute;
	top: 0;
	left: 0;
	right: 10px;
	bottom: 0;
	background-image: url("./ICON/arrow_l.png") !important;
	background-repeat: no-repeat;
	background-position: right center;
}


table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{_font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}






/* ----------------------------------------
 * floating- clear
 * ---------------------------------------- */
.cls:after {
	content: ".";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.cls {
	display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .cls {
	height: 1%;
}

.cls {
	display: block;
}

.cls {
	display: block;
}

.clearFloat {font-size:1px; margin:0px; padding:0px; clear:both;}

/* ----------------------------------------
 *  General
 * ---------------------------------------- */

a, a:active, a:visited, a:hover {
	text-decoration:none;
}

body {
	background: #f8f8f8;
	/*text-align: center;*/
}

div#doc {
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 100%;
	line-height: 1.5;
	text-align: left;
	padding:0px 5px;
}

/* header */

li.main_nav_btn {
  float: left;
  width: 238px;
  _width: 240px;
  height:27px;
  background: url("../IMAGES/main_nav_btn.gif") repeat-x 0 0 transparent;
	font-weight:normal;
	color:#000000;
	overflow:hidden;
	border-left:solid 1px #aaaaaa;
	border-right:solid 1px #333333;
	text-align:center;
}

li.main_nav_btn_on {
  float: left;
  width: 238px;
  _width: 240px;
  height:27px;
  background: url("../IMAGES/main_nav_btn_on.gif") repeat-x 0 0 transparent;
	font-weight:normal;
	color:#000000;
	overflow:hidden;
	border-left:solid 1px #aaaaaa;
	border-right:solid 1px #333333;
	text-align:center;
}

li.main_nav_btn a, li.main_nav_btn_on a {
	display:block;
	padding:2px 10px;
	color:#666666;
	text-decoration:none;
}

li.main_nav_btn_on a {
	color:#ffffff;
}

li.main_nav_btn a:hover {
  background: url("../IMAGES/main_nav_btn_on.gif") repeat-x 0 0 transparent;
	color:#ffffff;
}



/* -------------------------------------------------------------------------------- */
/* subnav pane */

#subnav {
  float: left;
  width: 220px;
  _width: 240px;
  padding-right:20px;
  background: url("../IMAGES/bg-subnav.jpg") repeat-y scroll 20px 0 transparent;
}

#subnav_head {
	text-align:center;
	background: none repeat scroll 0 0 #f8f8f8;
	font-size:16px;
	font-weight:normal;
	border:solid 1px #aaaaaa;
	padding:0px;
}

ul.subnav_1 {
	border-top:solid 2px #f8f8f8;
	border-bottom:1px solid #dddddd;
	list-style-type:none;
	display:block;
}

li.subnav_item {
	border-top:1px solid #dddddd;
}

li.subnav_item_on {
	border-top:1px solid #dddddd;
	background: url("../IMAGES/bg-subnav_on.jpg") repeat-y 20px 0 transparent;
}

li.subnav_item a, li.subnav_item_on a {
	display:block;
	width:100%;
	padding:4px 4px 4px 0px;
	color:#000000;
	text-decoration:none;
}

li.subnav_item a:hover {
  background: url("../IMAGES/bg-subnav_on.jpg") repeat-y 20px 0 transparent;
}

ul.subnav_2 {
	list-style-type:none;
	padding-left:20px;
  color:#000000;
	display:block;
  background: url("../IMAGES/bg-subnav.jpg") repeat-y 20px 0 transparent;
}

ul.subnav_2 li.subnav_item {
	border-top: none 0px;
	list-style-image: url("../IMAGES/subnav2_blt.gif");
}

ul.subnav_2 li.subnav_item_on {
	border-top: none 0px;
  color:#ff0000;
	list-style-image: url("../IMAGES/subnav2_blt.gif");
  background: url("../IMAGES/bg-subnav.jpg") repeat-y 0px 0 transparent;
}

ul.subnav_2 li.subnav_item a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:inherit;
	text-decoration:none;
}

ul.subnav_2 li.subnav_item_on a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:#ff0000;
	text-decoration:none;
}

ul.subnav_2 li.subnav_item a:hover, ul.subnav_2 li.subnav_item_on a:hover {
  color:#ff0000;
  background: inherit;
}


ul.subnav_3 {
	list-style:disc outside none;
	padding-left:15px;
  color:#000000;
	display:block;
  background: none transparent;
}

ul.subnav_3 li.subnav_item {
	list-style:disc outside none;
	border-top: none 0px;
}

ul.subnav_3 li.subnav_item_on {
	list-style:disc outside none;
	border-top: none 0px;
  color:#ff0000;
  background: none transparent;
}

ul.subnav_3 li.subnav_item a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:inherit;
	text-decoration:none;
}

ul.subnav_3 li.subnav_item_on a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:#ff0000;
	text-decoration:none;
}

ul.subnav_3 li.subnav_item a:hover, ul.subnav_3 li.subnav_item_on a:hover {
  color:#ff0000;
  background: inherit;
}

ul.subnav_4 {
	list-style:disc outside none;
	padding-left:15px;
  color:#000000;
	display:block;
  background: none transparent;
}

ul.subnav_4 li.subnav_item {
	list-style:disc outside none;
	border-top: none 0px;
}

ul.subnav_4 li.subnav_item_on {
	list-style:disc outside none;
	border-top: none 0px;
  color:#ff0000;
  background: none transparent;
}

ul.subnav_4 li.subnav_item a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:inherit;
	text-decoration:none;
}

ul.subnav_4 li.subnav_item_on a {
	display:block;
	width:100%;
	padding:4px 0px;
	color:#ff0000;
	text-decoration:none;
}

ul.subnav_4 li.subnav_item a:hover, ul.subnav_4 li.subnav_item_on a:hover {
  color:#ff0000;
  background: inherit;
}






/* -------------------------------------------------------------------------------- */
/* Main content pane */

#main {
  float: left;
  width: 720px;
  margin:0 0 30px;
}


.topic_title {text-align:left;font-size: 14px; font-weight: normal;background-color:#aaaaff;color:#000000; padding:2px 6px; margin: 0 0 4px;}

.section0 {margin: 0 0 10px;}
.section_title0 {text-align:left;font-size: larger; font-weight: normal; color:#aaaaff; padding:2px 0; margin: 10px 0 4px;}

#main .p {margin: 0 0 2px;}
.body_p {margin: 0 0 2px;}


.danger {
	background-color:#ffcc99; margin:6px 0 12px; padding:0;
}
.dangermark {
	width:55px; height:17px; display:inline-block;margin:2px 0;
	background: url("../COMMON/dangermark.png") no-repeat scroll 0 0 transparent;
	padding-left: 1em;
	font-weight: normal;
	font-size: 15px;
}
.danger .attn_head {
	background-color:#F89B24;text-align:center;
}

.caution {
	background-color:#ffff99; margin:6px 0 12px; padding:0;
}
.cautionmark {
	width:55px; height:17px; display:inline-block;margin:2px 0;
	background: url("../COMMON/cautionmark.png") no-repeat scroll 0 0 transparent;
	padding-left: 1em;
	font-weight: normal;
	font-size: 15px;
}
.caution .attn_head {
	background-color:#FCE50D;text-align:center;
}

.note {
	margin:6px 0 12px; padding:0;
	border:1px solid #cccccc;
}
.notemark {
	width:39px; height:20px; display:inline-block;margin:2px 0;
	background: url("../COMMON/notemark.png") no-repeat scroll 0 0 transparent;
	padding-left: 1em;
	font-weight: normal;
	font-size: 15px;
}
.note .attn_head {
	text-align:left;
	padding:2px 0 0 2px;
}

.attn-content {
	padding:3px 5px;
}



ul.ulist {}

ul.ulist li.ulist {
	list-style:disc;
	margin: 5px 0 0 -20px;
}

ul.ulist li.ulist ul.ulist li.ulist {
	list-style:circle;
}


ol.olist {}

ol.olist li.olist {
	list-style:decimal;
	margin: 5px 0 0 -20px;
}

ol.olist li.olist ol.olist li.olist {
	list-style:lower-alpha;
}

ul.ulist li.ulist ol.olist li.olist {
	list-style:lower-alpha;
}

.simplelist li {
	padding: 0 0 0 36px;
}
.simplelist li span.msgnum {
	margin: 0 0 0 -36px;
	display:inline-block;
	width:36px;
}



img.image {}
img.scale_a {width:240px;}
img.scale_a2 {width:240px;}
img.scale_a4 {width:240px;}
img.scale_b {width:480px;}
img.scale_b2 {width:480px;}
img.scale_b3 {width:480px;}
img.scale_c3 {width:720px;}
img.scale_c4 {width:720px;}
img.scale_z {width:180px;}
img.scale_inline {height:20px;}
img.scale_none {width:100%;}
img.inline {padding:0 2px;}
img.break {display:block;}
img.frame {}
img.frame0 {}

.image_alt {font-weight:normal; text-align:center; margin:0 0 10px;}
.altscale_a {width:240px;}
.altscale_a2 {width:240px;}
.altscale_a4 {width:240px;}
.altscale_b {width:480px;}
.altscale_b2 {width:480px;}
.altscale_b3 {width:480px;}
.altscale_c3 {width:720px;}
.altscale_c4 {width:720px;}
.altscale_z {width:180px;}


table.frame {
  border-width:1px; border-style:solid;border-color:#aaaaff;background-color:#ffffff;margin: 5px 0 20px 2px;}
  
table.frame thead tr td{ background-color:#aaaaff;color:white;text-align:center;font-weight:normal;padding:3px 1px;}

table.frame tbody tr td {background-color:white;color:black; padding:2px 3px;border-bottom:1px solid #ccccff;border-right:1px solid #aaaaff;}

table.frame tbody tr td.rb0 {border-right:0px none;}
table.frame tbody tr td.bb0 {border-bottom:0px none;}
table.frame tbody tr td.rb1 {border-right:1px solid #aaaaff;}
table.frame tbody tr td.bb1 {border-bottom:1px solid #aaaaff;}

table.noframe {
  border:none 0px; background-color:white;margin:5px 0 10px;
}

table.noframe td {
  padding-right:10px;
}

thead.noframe tr td{ background-color:white;text-align:center;font-weight: normal}

table.topbot {
  border-top:1px solid #aaaaff;border-bottom:1px solid #aaaaff;
  background-color:#ffffff;margin: 5px 0 20px 2px;
  }
  
table.topbot thead tr td{font-weight:bold;padding:3px 1px;border-bottom:1px solid #aaaaff;}

table.topbot tbody tr td {background-color:white;color:black; padding:2px 3px;border-bottom:1px solid #ccccff;}

table.topbot tbody tr td.rb0 {border-right:0px none;}
table.topbot tbody tr td.bb0 {border-bottom:0px none;}
table.topbot tbody tr td.rb1 {border-right:1px solid #aaaaff;}
table.topbot tbody tr td.bb1 {border-bottom:1px solid #aaaaff;}


.bold {
	font-weight: bold;
}


/* -------------------------------------------------------------------------------- */
/* Reference links */

.refer {text-align:left; font-weight:normal; color:#3366cc; background: url("../IMAGES/sym_xref.jpg") no-repeat 0 2px transparent;padding-left:12px; }


/* -------------------------------------------------------------------------------- */
/* Copyright */

#footer {
  color: #333333;
  font-size: 10px;
  padding: 12px 0;
  /*text-align: center;*/
}

#footer-note {
	clear: both;
	width: 960px;
	margin: 12px 0px 0px;
	padding: 14px 0px;
	background: transparent url("../IMAGES/border_dot.gif") 0 0 repeat-x;
}

#footer-copyright {
	float: left;
	width: 700px;
}

#footer-copyright p {
	margin-left: 10px;
	color: #999;
	font-family: "Helvetiva Neue", Helvetica, Arial, sans-serif;
	text-align: left;
}


#footer-gototop {
	float: right;
	width: 90px;
	margin-top: -2px;
}