/************************************************************
 * Module: Help.css
 * Author: John Wang
 * Type: Stylesheet
 * Purpose: NZTC-specific styles for help control and section
 * Notes:
 * Modification History:
 *	Version	Date		Person	Description
 *	1.0		???			JW		Created
 *	1.1		01/05/07	AN		Updated for new site styles
 *	1.2		09/07/07	AN		Combined with Default/Help.css
 *  2.0     06/Jan/2008 BH		Made work with new themes
 ************************************************************/

.help
{
	text-align: left;
	width: 700px;
	top: 55px;
	left: 24%;
	z-index: 1000;
	position:absolute;
	opacity: 1;
}

.help .close 
{
	cursor: pointer;
}

.help .close input
{
	cursor: pointer;
	width: 20px;
	height: 20px;	
	background-image: url('../newimages/Controls/windowClose.png');
	position: absolute;
	top: 10px;
	right: 10px;
}

.help .close input:hover
{
	cursor: pointer;
	background-image: url('../newimages/Controls/windowCloseHover.png');
}

.help #pageHeader,.help .pageHeader
{
	height:17px;
	padding:4px 0px 4px 15px;
	margin:5px 0px 5px 0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	/*background-color:#ffffff;*/
}

.help .pageHeaderCustom
{
	margin:5px 0px 5px 0px;
	background-position:0px 0px;
	background-repeat:repeat-y;
	/*background-color:#ffffff;*/
	width:100%;
	position: relative; 
}

.help .pageHeaderCustom .link
{
	position: relative; 
	padding: 4px 4px 4px 15px;
}

.help .pageHeaderCustom .link a
{
	text-decoration:none;
	/*color:#000000;*/
}

.help .pageHeader_top
{
	background-position: top left;
	background-repeat:no-repeat;
	/*background-color:#ffffff;*/
	height:13px;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
}

.help .pageHeader_btm
{
	background-position: top left;
	background-repeat:no-repeat;
	/*background-color:#ffffff;*/
	height:12px;
	position: absolute; 
	bottom: 0px; 
	left:0px; 
	width:100%;
}

.help .bar .middle
{
	background-image:url('../newimages/Controls/Help/windowTopMiddle.png');
	background-repeat:repeat-x;
	padding: 8px 0px 11px 0px;
	height: 27px;
}

.help .bar .left
{
	background-image:url('../newimages/Controls/Help/windowTopLeft.png');
	padding-left:23px;
	background-repeat:no-repeat;
}

.help .bar .right
{
	background-image:url('../newimages/Controls/Help/windowTopRight.png');
	padding-right:24px;	
	background-position:right top;
	background-repeat:no-repeat;
}

.help .body
{
	position: relative;
	height: 100%;
	z-index:1;
	/*font-family: Arial, Verdana;
	font-size: 11px;*/
}

.help .body .left
{
	background-image:url('../newimages/Controls/Help/windowLeft.png');
	padding-left:9px;
	background-repeat:repeat-y;	
	background-position:left top;
}

.help .body .right
{
	background-image:url('../newimages/Controls/Help/windowRight.png');
	padding-right:10px;
	background-repeat:repeat-y;	
	background-position:right top;
}

/*.help .body .middle
{
	background-color: #ffffff;
}*/

.help .bottom .left
{
	background-image:url('../newimages/Controls/Help/windowBottomLeft.png');
	padding-left:27px;
	background-repeat:no-repeat;	
}

.help .bottom .right
{
	background-image:url('../newimages/Controls/Help/windowBottomRight.png');
	padding-right:27px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

.help .bottom .middle
{
	background-image:url('../newimages/Controls/Help/windowBottomMiddle.png');
	background-repeat:repeat-x;
	height:27px;
}

/* left nav */
.help .helpLeftNav
{
	text-decoration: none;
	height: 312px;
	width:173px;
	margin-left:0px;
	vertical-align: top;
	/*background-color:#ffffff;*/
}

.help .helpLeftNav .top,.help .helpLeftNav .bottom
{
	/*height:17px;*/
	height:10px;
	background-position:0px 0px;
	/*background-color:#ffffff;	*/
	background-repeat:no-repeat;
}

.help .helpLeftNav .top
{
}

.help .helpLeftNav .bottom
{
	position:relative;
	z-index:2;
}

.help .helpLeftNav .middle
{
	margin:-10px 0px -10px 10px;
	position:relative;
	z-index:3;
}

.help .helpLeftNav .middle .content
{
	/*background-color:#ffffff;*/
	height:300px;
	overflow: hidden;
	vertical-align:middle;
}

.help .helpNavPanel
{
	height: 510px;
	width:199px;
	padding-top:0px;	
	margin-left:0px;
	position:relative;
	z-index:2;
}

.helpNavPanel .topLeft, .helpNavPanel .topRight, 
.helpNavPanel .bottomLeft, .helpNavPanel .bottomRight 
{
	width:auto;
}

.help .helpNavPanel .topLeft
{
	background-image:url('../newimages/Controls/Help/NavTopLeft.png');
	background-repeat: no-repeat;
	padding-left:19px;
}

.help .helpNavPanel .topMiddle
{
	background-image:url('../newimages/Controls/Help/NavTopMiddle.png');
	background-repeat:repeat-x;
	height:19px;
}

.help .helpNavPanel .topRight
{
	background-image:url('../newimages/Controls/Help/NavTopRight.png');
	background-repeat: no-repeat;
	padding-right:19px;
	background-position:top right;
	height:14px;
}

/*.help .helpNavPanel .leftBorder,.help .helpNavPanel .rightBorder
{
	background-color: #d8d8d8;
}*/

.help .helpNavPanel .leftBorder
{
	padding-left:1px;
}

.help .helpNavPanel .rightBorder
{
	padding-right:1px;
}

/*.help .helpNavPanel .content
{
	background-color: #FFFFFF;
}*/

.help .helpNavPanel .bottomRight
{
	background-image:url('../newimages/Controls/Help/NavBottomRight.png');
	background-repeat: no-repeat;
	background-position:top right;
	padding-right:19px;	
	height: 15px;
}

.help .helpNavPanel .bottomLeft
{
	background-image:url('../newimages/Controls/Help/NavBottomLeft.png');
	background-repeat: no-repeat;
	padding-left:19px;
	height: 15px;
}

.help .helpNavPanel .bottomMiddle
{
	background-image:url('../newimages/Controls/Help/NavBottomMiddle.png');
	background-repeat:repeat-x;
	height:15px;
}

.help .helpLeftNav .item .link
{
	padding:5px 15px 5px 13px;
	text-indent:1px;
}

.help .treeNavMenu ul li
{
	clear:both;
}

.help .treeNavMenu ul li img
{
	float:left;
	margin: 3px -15px 0px 0px;
}

.help .helpNavMenu a:link,
.help .helpNavMenu a:hover,
.help .helpNavMenu a:visited
{
	/*color: #666666;*/
	text-align:left;
	float:left;
	clear:right;
	margin-left: 15px;
	width:100px;
}

.help .indexNav .helpNavMenu a
{
	width:auto;
}

.help .treeNavMenu ul ul li.item
{
	padding-left:19px;
}

.help .treeNavMenu ul ul ul li.item
{
	padding-left:27px;
	padding-right:5px;
}

.help .treeNavMenu ul li.item a,
.help .treeNavMenu ul li.item a:visited,
.help .treeNavMenu ul ul li.item a,
.help .treeNavMenu ul ul li.item a:visited
{
	/*color: #006575;*/
	text-decoration: none;
	display:inline;
}

.help .treeNavMenu ul ul li.item a,
.help .treeNavMenu ul ul li.item a:visited
{
	padding:0px 10px 4px 5px;
}

.help .helpLeftNav .demoNav .item .link
{
	padding-left:0px;
}

.help .demoNav .helpNavMenu tr td a,.help .demoNav .helpNavMenu tr td a:hover
{
	padding: 4px 0px 0px 0px;
	margin-left:0px;
	float:none;
}

.help .demoNav .helpNavMenu tr td a img
{
	margin-right:10px;
}

/* content */
.help .helpDisplayPanelTop
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 492px;
	height: 14px;
	background-image: url('../newimages/Controls/Help/helpDisplayPanelTop.png');
	background-position: top left;
	background-repeat: no-repeat;
}


.help .helpDisplayPanel ul li
{
	background-image: url('../newimages/StudyGuides/bullet.gif');
	background-position: left top;
	padding-left: 10px;
	/*padding-bottom: 7px;*/
	list-style-type:none;
}
.help .helpDisplayPanel ul
{
	margin-top:8px;
	margin-bottom:8px;
	margin-left: 10px;
	padding-left: 0px;
}

.help .helpDisplayPanel
{
	position: absolute;
	top: 14px;
	right: 12px;
	width: 470px;
	height: 505px;
	overflow: hidden;
	/*background-color: #FFFFFF;*/
}

.help .helpDisplayPanel .content
{
	padding: 6px;
}

.help .helpDisplayPanel .content h1
{
	/*color: Black;*/
	font-size:13px;
}

/*.help .helpDisplayPanel .content .relatedLinks
{
	font-weight: bold;
	color: 	Black;
}*/

.helpNavMenu
{
	width:172px !important;
}

.help .indexNav .currentItem,
.help .treeNavMenu ul ul li.currentItem,
.help .helpLeftNav .middle .smallcontenthighlight,
.help .demoNav .currentItem
{
	/*color: #cccccc;*/
    /* background-image: url('../images/Controls/Help/HelpHighlightBar.jpg');	 
	background-repeat:repeat;
	background-color: #CCBDD4;
	*/
}

.help .treeNavMenu ul ul li.currentItem,
.help .helpLeftNav .middle .smallcontenthighlight
{
	float:left;
	width:172px;
}

/*.help .whereAmI a,
.help .treeNavMenu ul li.currentItem a,
.help .treeNavMenu ul ul li.currentItem a,
.help .demoNav .currentItem a
{
	color:#000000;
}*/

/* little books by items under content */
.help ul ul, .help ul li 
{
	/*margin-left: 2px;*/
	padding-left: 0px;
}

.help ul li.subTitle
{
	padding-top: 5px;	
	font-weight:bold;
}

.help ul li ul li.item a
{
	margin-left: 5px;
	display:block;
	padding-left:10px;
	margin-top:-15px;	
	width:80%;	
}

.help ul li ul li
{
	margin-bottom: 7px;
	/*padding-left: 15px;*/
	padding-left:10px;
}

.help .helpLeftNav ul li img
{
	margin-left:-5px;
	margin-right:5px;
	margin-bottom:-1px;
	
}
.help .helpLeftNav ul ul ul li img
{
	margin:4px 0px 0px 0px;

}

.helpNavMenu .subTitle
{
	/*color: Black;*/
	font-size:15px;
	font-weight:bold;
}

.indexNav .helpNavMenu
{
	margin-left:-10px;
}

/* Some images on left help nav content need padding */
.help .Scroller-Container ul li a img
{
	padding-right: 5px !important;
}

#helpWaitMsg
{
	position:absolute;
	top:5px;
	right:100px;
	padding:4px 0px 3px 10px;
	/*color:#096A7B;
	font-weight:bold;*/
	background-image:url('../newimages/Controls/Help/SmallLoadingBar.png');
	height:18px;
	width:286px;
}

.accordionHeader, .accordionHeader_selected
{
	
	height:23px;
    display:block;
    padding: 7px 5px 0px 17px;
    width:175px;
    margin-left:0px;
}

.accordionHeader
{
	background-image:url('../newimages/Controls/Help/SliderButton.png');
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration:none;
    font-weight:normal;
}

.accordionHeader_selected
{
	background-image:url('../newimages/Controls/Help/SliderButtonSelected.png');
	background-repeat: no-repeat;
    text-decoration:none;
    cursor: default;
    font-weight:bold;
}

.accordionContent
{
	/*height:280px;*/
	height:340px;
	width:195px;
}

/* Help Menu for Content section*/
/*.help .helpLeftNav ul ul li.item
{
	padding-left:-19px;
}*/



/* Help Menu for Index section*/
.help .helpLeftNavIndex ul ul li.item
{
	padding-left:-19px;
}

.help .helpLeftNavIndex ul ul ul li.item
{
	padding-left:21px;
	padding-right:5px;
}

.help .helpLeftNavIndex ul li.item a,
.help .helpLeftNavIndex ul li.item a:visited,
.help .helpLeftNavIndex ul ul li.item a,
.help .helpLeftNavIndex ul ul li.item a:visited
{
	/*color: #006575;*/
	text-decoration: none;
	/*display:inline;*/
	
}

.help .helpLeftNavIndex a:link,
.help .helpLeftNavIndex a:hover,
.help .helpLeftNavIndex a:visited
{
	
	text-align:left;
	/*float:left;*/
	clear:right;
	margin-left: 15px;
	margin-bottom:5px;
	width:100px;
	display:block;
}

.help .helpLeftNavIndex ul li img
{
	float:left;
	margin: 0px 0px 0px 0px;
}

.help .helpLeftNavIndex ul ul ul li img
{
	float:left;
	margin: 3px 0px 0px 0px;

}
.help .helpLeftNavIndex
{
	text-decoration: none;
	height: 312px;
	width:172px;
	margin-left:0px;
	vertical-align: top;
	/*background-color:#ffffff;*/
}

.help .helpLeftNavIndex .top,.help .helpLeftNavIndex .bottom
{
	/*height:17px;*/
	height:10px;
	background-position:0px 0px;
	/*background-color:#ffffff;	*/
	background-repeat:no-repeat;
}

.help .helpLeftNavIndex .top
{
}

.help .helpLeftNavIndex .bottom
{
	position:relative;
	z-index:2;
}

.help .helpLeftNavIndex .middle
{
	margin:-10px 0px -10px 10px;
	position:relative;
	z-index:3;
}

.help .helpLeftNavIndex .middle .content
{
	/*background-color:#ffffff;*/
	height:300px;
	overflow: hidden;
	vertical-align:middle;
}