#wh-navigation {
  width : 393px;
}

#page-footer {
  text-align : center;
}

#wh-footer { margin-top: 8px; margin-bottom: 20px; }

#page-tm-footer {
  text-align : center;
}
#wh-tm-footer { margin-top: 8px; margin-bottom: 20px; }

body {
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  background-color: #f3f4f4;
}

/* CJK specific rendering */
:lang(zh-cn) { font-family: SimSun; font-style: normal;}
:lang(zh-as) { font-family: SimSun; font-style: normal;}
:lang(zh-tw) { font-family: PMingLiU; font-style: normal; font-weight: normal; }

#wh-content > div:lang(zh-cn), #wh-content > div:lang(zh-tw), #wh-content > div:lang(zh-as) {
  font-size: 10pt;
}

#wh-body {
  height: 100%;
  margin-left: 20px; 
  margin-right: 20px;
}

#wh-content {	
    width: 400px; /*computed*/
    height: 100%; /*computed*/
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px; /* done for concept/task/reference */
    line-height: 1.4;
    background-color: white;
}

#wh-content > * { 
    padding-bottom: 10px;
}

#wh-header { padding-left: 21px; padding-right: 20px; height: 48px; padding-top: 12px; }

#tm-logo { padding-right: 10px; border-right: solid 1px #b2b2b2; }

h1 { text-align: left; font-weight: normal; margin-left: 10px; }

#wh-separator.ui-state-hover { border: none; }
#wh-separator { margin-left: 0px; margin-right: 0px; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; }

.concept, .task, .reference { padding-top: 15px; }

.table-title, .fig-title {
  /* font-variant:small-caps; */
  font-style: normal;
  font-weight: bold;
}

table { border-color: black; 
        border-collapse: collapse; }

th { text-align: center; 
font-variant:small-caps; }

.entry, .header-entry { padding: 4px; }

.entry { vertical-align: top; }

choicetable { border-color: black; 
        border-collapse: collapse; }

.choptionhd, .chdeschd { text-align: center;
		padding: 4px;
		font-variant:small-caps;
		font-style: normal;
		font-weight: bold;
}

.choption, .chdesc { padding: 4px; 
					vertical-align: top;}


/* center inline images like icon */
img { vertical-align: middle; }

/* Frame should not be wider then figure */
.fig-contents {
  display: inline-block;
}

/* Red line under titles */
.part-title, .chapter-title, .appendices-title, .appendix-title, .section1-title, .section2-title, .section3-title, .section4-title, .section5-title, .section6-title, .section7-title, .section8-title, .section9-title, .topic-title {
  border-bottom: 1px solid red;
  padding-bottom: 6px;
}

/* Floating parent link */
.topic-navigation-bar { float: right; }

.apiname,
.cmdname
 { font-family: Consolas, monospace;
    font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

.parmname,
.option 
{ font-family: Consolas, monospace;
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
.systemoutput
{ font-family: inherit;
	font-size: inherit;
	background-color": #C0E0C0;
}
.pre,
.codeblock,
.tt,
.codeph,
.option,
.synph,
.msgph,
.msgblock,
.msgnum,
.varname,
.filepath,
.userinput,
.screen,
.emailaddress,
.url {
    font-family: Consolas, monospace;
    font-size: 100%;
}

.filepath:lang(ko) {
    font-family: Dotum, Consolas, monospace;
    font-size: 100%;
}


.warning, .caution { border: solid 2px #d67575; background-color: #fff3f3; }
.note, .important { border: solid 2px #ecbe33; background-color: #ffffdc; }
/* .important { box-shadow: 5px 5px 5px #FFA500; } */
.tip { border: solid 2px #4c94db; background-color: #e6f0fa; }

i.term { font-weight: bold; font-style: normal; }

.steps, .steps-informal, .steps-unordered {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-top: 2em;
}

/* jQuery UI modifications to match TM visual style */

/* Icons */
.ui-icon-circle-arrow-n { background-position: 0px 0px;
                          background-image: url(resources/images/btn_pre_n.png) !important; 
                          width: 24px; height: 24px; }
.ui-state-hover .ui-icon-circle-arrow-n { background-image: url(resources/images/btn_pre_h.png) !important; }

.ui-icon-circle-arrow-s { background-position: 0px 0px;
                          background-image: url(resources/images/btn_next_n.png) !important; 
                          width: 24px; height: 24px; }
.ui-state-hover .ui-icon-circle-arrow-s { background-image: url(resources/images/btn_next_h.png) !important; }

.ui-icon-circle-minus { background-position: 0px 0px;
                        background-image: url(resources/images/btn_shrink_n.png) !important; 
                        width: 24px; height: 24px; }
.ui-state-hover .ui-icon-circle-minus { background-image: url(resources/images/btn_shrink_h.png) !important; }

.ui-icon-circle-plus { background-position: 0px 0px;
                        background-image: url(resources/images/btn_expand_n.png) !important; 
                        width: 24px; height: 24px; }
.ui-state-hover .ui-icon-circle-plus { background-image: url(resources/images/btn_expand_h.png) !important; }

.ui-buttonset .ui-button { margin-right: 13px; }

.ui-widget .ui-widget { font-size: 10px; }

/* No rounded corners */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* Tabs and background */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #d3d3d3; background: none; font-weight: normal; color: #555555; }

.ui-widget-header { background: #CCC url(resources/images/bg_toolbar.png) 50% 50% repeat-x; border: none; }

.ui-tabs-nav.ui-widget-header { border: 0px solid #aaaaaa; background: #cccccc url(resources/images/btn_menu_n.png) 50% 0% repeat; color: #222222; font-weight: bold; }

.ui-tabs .ui-tabs-nav li a { background: url(resources/images/bar.png) 100% 50% no-repeat; margin-top: 1px; }

.ui-tabs .ui-tabs-nav li:last-child a { background: none; }

.ui-widget-header li.ui-state-active { border: 0px solid #aaaaaa; background: #ffffff url(resources/images/btn_menu_s.png) 50% 50% repeat-x; font-weight: bold; color: #212121; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: white; }

.ui-tabs .ui-tabs-nav li { margin: 0px; height: 30px;  }

.ui-tabs .ui-tabs-nav { padding: 0px; }

.ui-widget-header .ui-state-active { border: 0px solid #AAA; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid lightGrey; }

.ui-tabs .ui-tabs-nav li { top: 0px; }

#wh-toc-form, #wh-index-form, #wh-search-form { margin: 0px; padding: 0px; height: 30px; }

/* Navigation pane */
.ui-tabs { padding: 0px; }

#wh-navigation { font-size: 8pt; }

#wh-toc li { margin-top: 10px; margin-left: 7px; }
#wh-toc li li { margin-left: 0px; }

.toc-toc ul { padding-left: 0px; }
.toc-toc li { padding-left: 16px; }

#wh-index-field { margin-top: 6px; }

#wh-index { margin-left: 7px; }

#wh-search-field { margin-left: 6px; margin-top: 6px; }

#wh-search-results { margin-left: 7px; }

/* ToC icons */
.toc-toc li.toc-collapsed { background-image: url(resources/images/btn_arrow02.png); }
.toc-toc li.toc-expanded { background-image: url(resources/images/btn_arrow01.png); }
.toc-toc li { background-image: url(resources/images/btn_dot.png); }

#wh-toc a.wh-toc-selected {
  font-weight: bold;
  background-color: #E0F0FF;
  /* border: solid 1px #7080FF; */
  padding: 2px;
}

/* Numbering of nested lists */
ol > li { list-style-type: decimal; }
ol > li ol > li { list-style-type: lower-alpha; }
ol > li ol > li ol > li { list-style-type: lower-roman; }
ol > li ol > li ol > li ol > li { list-style-type: decimal; }
ol > li ol > li ol > li ol > li ol > li { list-style-type: lower-alpha; }
ol > li ol > li ol > li ol > li ol > li ol > li { list-style-type: lower-roman; }

/* Unified bullet appearance */
.choices {
    list-style-type: disc;
}