/**********************************/
body
{
}



/**********************************-------------- MIDDLE PART --------------*********************************/
#div_middle
{
	position: relative;
	float: left;
	width: 960px;
    min-height: 170px;
    background: Orange;
}


/***************************** TREEVIEW HELP PART *******************************/
#div_left
{
	position: relative;
	border-radius: 5px;
	float: left;
	width: 235px;
	height: 400px;
	margin-top: 10px;
	background: White;
	border: solid 1px #CCE8FF; /*#BFE2FF;*/
}

#div_ContInd
{
	position: relative;
	border-top-left-radius: 5px; border-top-right-radius: 5px;
	float: left;
	width: 100%;
	height: 30px;
	background: #E9EBED;
	border-bottom: solid 1px #CCCCCC;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
}
#div_ContInd span
{
	position: relative;
	top: 4px;
	font-size: 13px;
	cursor: pointer;
}
#div_ContInd span:hover
{
	text-decoration: underline;
}

#div_TreeView_Help
{
	position: relative;
	border-radius: 5px;
	float: left;
	width: 100%;
	height: 375px;
	padding-top: 5px;
	background: White;
	overflow: auto;
}
.TreeView_Help
{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 11px;
	overflow: hidden;
	outline: 0 none;
}

#div_Index
{
	position: relative;
	border-radius: 5px;
	float: left;
	width: 100%;
	height: 375px;
	padding-top: 5px;
	text-align: left;
	background: White;
	overflow: auto;
	display: none;
}


/***************************** HELP PART *******************************/
#div_Help
{
	position: relative;
	border-radius: 5px;
	float: left;
	width: 710px;
	margin: 10px 0px 0px 10px;
	/*padding: 10px;*/
	/*background: #E5EEFF; /*#DDEAFF;*/
	border: solid 1px #CCE8FF; /*#BFE2FF;*/
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);*/
	box-shadow: 0px 0px 7px rgba(60, 60, 60, 0.20) inset;
}
#div_Help_Title
{
	position: relative;
	border-top-left-radius: 5px; border-top-right-radius: 5px;
	float: left;
	width: 100%;
	height: 30px;
	background: #E9EBED;
	border-bottom: 1px solid #CCCCCC;
	/*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);*/
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
}
.span_Help_Title
{
	position: relative;
	float: left;
	text-align: left;
	margin: 6px 0 0 10px;
	font-weight: bold;
	font-size: 14px;
}
.a_Forward
{
	position: relative;
	float: right;
	margin: 2px 2px 0 10px;
	text-decoration: none;
	outline: 0 none;
}
.a_Back
{
	position: relative;
	float: right;
	margin: 2px 2px 0 0;
	text-decoration: none;
	outline: 0 none;
}
.a_Open_ifhv
{
	position: relative;
	float: right;
	margin: 2px 12px 0 0;
	text-decoration: none;
	outline: 0 none;
	display: none;
}
.div_Help_Page
{
	position: relative;
	border-radius: 5px;
	float: left;
	width: 100%;
	border: 0; border: none;
	background: White;
	overflow: auto;
	-webkit-overflow-scrolling: touch; /*for iPad*/
}
.a_InnNavigLink
{
	color: #0077CC; /*#0000EE;*/
	text-decoration: none;
	outline: 0 none;
	cursor: pointer;
}
.a_InnNavigLink:hover
{
	text-decoration: underline;
}
.img_Close_ifhv
{
	position: absolute;
	border-radius: 0px;
	top: 3px;
	left: 593px;
	width: 40px;
	height: 24px;
	line-height: 24px;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	color: #606060;
	cursor: pointer;
	display: none;
}
.img_Close_ifhv:hover
{
	background: #63605A;
	color: White;
}
.iframe_Help_Video
{
	position: absolute;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	top: 35px;
	left: 305px;
	width: 400px;
	height: 300px;
	border: 0; border: none;
	background: White;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
	display: none;
}