.x-tree-node, #content .x-panel-body {
	font-family: 'lucida grande',helvetica,tahoma,Arial,sans-serif;
}
#ext-logo {
	font-family: 'lucida grande',helvetica,tahoma,Arial,sans-serif;
	color: #fff;
	font-size: 22px;
	padding: 8px 15px;
	text-decoration: none;
	float: left;	
}
#ext-training-header .x-panel-body {
	background: #001742 url(images/hd-bg.gif) center repeat-x;
    border-bottom: 2px solid #99BBE8;
}
#ext-training-header a.clientheader {
	background: transparent url(images/client-logo.gif) no-repeat;
	float: right;
	width: 362px;
	height: 48px;
}

#content {
	font-size: 14px;
	padding:0;
}
#content p {
	margin: 0 20px;
}
#content table.inner {
	margin: 0 20px;
	padding:0;
	border:1px solid #ccc;
	border-collapse: collapse;
}
#content table.inner th {
	background: #eee;
}
#content table.inner th,
#content table.inner td {
	vertical-align: top;
	padding:3px 5px;
	border-bottom:1px solid #ddd;
}
#content table.inner tr.last td {
	border-bottom: none;
}
#content table.inner th {
	font-weight: bold;
}
#content ul {
	display: block; 
	list-style-type: disc;
	margin: 0 20px 15px 30px; 
}
#content ul ul{
	display: block; 
	list-style-type: circle;
	margin: 0 20px 15px 30px; 
}
#content ol {
	display: block; 
	list-style-type: decimal; 
	margin: 0 20px 15px 30px;
}
#content li { 
	display: list-item;
	margin: 10px; 
}

#content h1, #content h2, #content h3 {
	text-align: center;
	color: #1860A8;
	margin-bottom: 20px;
    font-weight: normal;
}
#content h1 {
	font-size: 250%;
}
#content h2 {
	font-size: 160%;
}
#content h3 {
	background: #ECECEC;
	border-bottom:1px solid #aaa;
	padding: 8px 15px;
	text-align: left;
	font-size: 130%;
}

#content pre {
	padding: 1em 1.5em;
	font-size: 100%;
	border: 1px solid #2f6fab;
	color: #555;
	background-color: #f9f9f9;
	margin: 10px 20px;
}

.error {
	color: #f00;
}
.box {
	border:2px solid blue;
	width:50px;
	height:50px;
	margin:20px;		
	float:left;
	padding:10px;
}

/* button icons */
/* Note: !important is needed on buttons to override the default button background rule */
.tree-expand {
    background: url(images/icons/expand-all.png) no-repeat !important;
}
.tree-collapse {
    background: url(images/icons/collapse-all.png) no-repeat !important;
}
.nav-prev {
    background: url(images/icons/previous.png) no-repeat !important;
}
.nav-next {
    background: url(images/icons/next.png) no-repeat right !important;
}
.options {
    background: url(images/icons/options.png) no-repeat !important;
}

/* menu item icons */
.font-inc {
    background: url(images/icons/font-inc.png) no-repeat;
}
.font-dec {
    background: url(images/icons/font-dec.png) no-repeat;
}
.font-reset {
    background: url(images/icons/font.png) no-repeat;
}
.screen-maximize {
    background: url(images/icons/maximize.png) no-repeat;
}
.screen-restore {
    background: url(images/icons/restore.png) no-repeat;
}

.pvoice-show {
    background: url(images/icons/comment_add.png) no-repeat;
}

.pvoice-hide {
    background: url(images/icons/comment_delete.png) no-repeat;
}

.pvoice-area-show {
  border: 1px solid;
  margin: 10px;
  padding:15px 10px 15px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #4F8A10;
  background-color: #DFF2BF;
  display: block;
}

.pvoice-area-hide {
  display: none;
}

.grayout {
  color: #999;
}

#content div.quote {
	margin-left: 30px;	
	margin-right: 20px;	
}

#content blockquote {
 margin: 10px 0;
 padding: 5px 10px;
 border:1px dotted #ccc;
 background-color:#F3F3F3;
 font-style: italic;
}

#content blockquote span{
	font-weight: bold;	
}
#content .conclusion {
	font-size: 110%;
	font-weight: bold;
}