@charset "UTF-8";

#content-pocket .treelist {
	margin: 0 -9px 12px -5px;
}

#content-pocket .treelist dt {
	padding: 5px;
	margin: 0;
	border-bottom: 2px solid #E2E2E2;
	cursor: pointer;
	line-height: 1.25em;
}

.pocket-tree-title,
.pocket-tree-desc {
	display: block;
	padding-left: 16px;
}

.pocket-tree-title {
	text-transform: uppercase;
	font-weight: bold;
}

.pocket-tree-desc {
	color: #444444;
	font-weight: normal;
	line-height: 1.25;
	font-size: .916em;
}

#content-pocket .treelist dd {
	margin: 0;
	padding: 0 20px;
	overflow: hidden;
}

/* The properties for the following 2 classes are parsed by Javascript. Keep them to a minimum */

#content-pocket .treelist .tree-branch-opened {
	background-color: #DADADA;
}

#content-pocket .treelist .tree-branch-closed {
	background-color: #D0D0D0;
}

.treelist .tree-branch-opened .pocket-tree-title {
	background-image: url("arrow-down.png");
	background-repeat: no-repeat;
	background-position: center left;
	zoom: 100%; /* help IE render bg images */
}

.treelist .tree-branch-closed .pocket-tree-title {
	background-image: url("arrow-right.png");
	background-repeat: no-repeat;
	background-position: center left;
	zoom: 100%; /* help IE render bg images */
}

/* Features Tree */


.dyn-treelist {
	visibility: hidden;
}

.treelist {
	visibility: visible;
	position: relative; /* help IE position child elements using positioning  */
	zoom: 100%; /* help IE clip elements in layout mode */
}

#content-body .treelist dt {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 4px center;
	padding: 4px 5px 4px 16px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	zoom: 100%; /* help IE render bg images */
	position: relative;
}

/* The properties for the following 2 classes are parsed by Javascript. Keep them to a minimum */

#content-body .treelist .tree-branch-opened {
	background-color: #EFEFEF;
	background-image: url("sm-arrow-down.png");
}

#content-body .treelist .tree-branch-closed {
	background-color: #DCDCDC;
	background-image: url("sm-arrow-right.png");
}

#content-body .treelist dd {
	margin: 0;
	padding: 0 16px;
	overflow: hidden;
}

/*In other identities, .tree-panel is used to style this part below. CS identities were created before the code was standardized. */

.tree-panel-closed, 
.tree-panel-opened {
	/*
	The following attaches layout mode in IE before it's triggered by setting a height with Javascript, 
	This helps child elements render (#97058) and, for those also in layout mode (#97222), to be successfully hidden
	*/
	position: relative; /* help IE position child elements using positioning,   */
	zoom: 100%; /* help IE clip elements in layout mode */
}

.tree-panel-closed {
	visibility: hidden; /* prevent tabbing over links in hidden panels */
}


#content-body .treelist dd div {
	padding-top: 10px;
}

/* The properties for the following 2 classes are parsed by Javascript. Keep them to a minimum */

#content-body .tree-subtle .tree-branch-opened,
#content-body .tree-subtle .tree-branch-closed {
	background-color: #FFFFFF;
}