/*
*	STYLES FOR: documentation and tips pages
*
*	Created with ThemeRoller...
*	http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/

BODY {
	background-color: #f9f9f9;
}

TABLE.TOC {
	border: 1px solid #BBB;
	border-collapse: collapse;
	margin: 1em 0;
	}
	
	.TOC TR.rTitle TD{
		font-size: 0.95em;
		font-weight: bold;
		letter-spacing:	1px;
		padding-top: 4px;
		padding-bottom:	5px;
		background: #99B5B5;
		color: #FFF;
	}
	.TOC TR.r0 {
		background: #FFF;
	}
	.TOC TR.r0 {
		background: #EEE;
		}
	.TOC TD {
		padding: 2px 10px 4px;
		white-space: nowrap;
		border-left: 1px solid #BBB;
	}


H5 {
	font-size: 15px;
        padding-bottom: 10px;
	}
	H5.withNext {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: -1em;
	}
	H5 A.bm {
	
	}
	H5 EM {
		
		float: right;
		margin-top: -1.4em;
	}
        
#rolesPartxx {
        border: 1px solid #dddddd;
        }
        
.ui-layout-east h3 {
	font-size: 19px;
	font-weight: 400;
	padding: 5px;
}
.tabs {
	list-style: none;
	padding-left: 5px;
}

.panes div {
	padding: 10px 0 0 5px;
	font-size: 11px;
	color:777777;
}

#navigation {
	border-bottom: 0;
}


/*
 *	TABLE OF CONTENTS (West-pane)
 */

.ui-layout-west .ui-layout-content {
	padding: 1ex 0.5em 2em 22px; /* need left-padding for +/- buttons */
}

UL#TOC {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TOC LI {
		padding: 2px 0;
		}
		#TOC A {
			color: #000;
			display: block;
			padding: 1px 0 2px 3px;
			}
			#TOC A:visited {
				color: #000;
			}
			#TOC A:hover {
				color: #000;
				background-color: #FEC;
				text-decoration: none;
			}
		#TOC LI UL {
			list-style: none;
			margin: 0;
			margin-left: 1em;
			padding: 0.25em 0;
			}
			#TOC LI UL LI {
				font-size: 0.9em;
				padding: 1px 0;
				}
				#TOC LI UL LI A {
					padding-top: 0px;
					padding-bottom: 1px;
				}

	#TOC .tocBtn {
		float:			left;
		margin-left:	-17px; /* move button into left-margin */
		margin-top:		2px;
		width:			16px;
		height:			16px;
		cursor:			pointer;
		background:		url(img/icon_tree_off.gif) no-repeat center;
	}


H2 {
	margin-bottom: 0;
}
DIV.collapsible {
	padding: 0.75em 3px 3px;
	border: 1px solid #FFF; /* same as page-color */
	border-top: none;
	position: relative;
	}
	DIV.highlightCollapsible {
		border: 1px dotted #566F6F; /* same as H2 border-bottom */
		border-top: none;
	}
	DIV.highlightCollapsible ,
	DIV.highlightCollapsible PRE {
		background-color: #F2F6F4;
	}
	DIV.collapsible H4 {
		margin-top: 0 !important; /* div has padding-top */
	}

SPAN.expander {
	float:		right;
	margin-top:	3px;
	width:		16px;
	height:		16px;
	cursor:		pointer;
	background:	url(img/icon_tree_on.gif) no-repeat center;
	}
	SPAN.expander_open   { background-image: url(img/icon_tree_off.gif); }
	SPAN.expander_closed { background-image: url(img/icon_tree_on.gif); }


/*
 *	LAYOUT PANE FORMATTING
 */

.ui-layout-north {
	border-bottom: none;
	background-color: #fff;
}

.ui-layout-west {
	background-color: #fff;
	/* border: 1px solid #677;*/
	border-left:0;
	overflow: auto;
}

.ui-layout-center {
	background-color: #f9f9f9;
	padding: 0;
	overflow: auto;
	border-right: 1px solid #dddddd;
}

/* inner divs inside Outer East/West panes */
.header { 
	background: #eee url(img/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
	border-bottom: 1px solid #677;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}


/*
*	LAYOUT RESIZERS & TOGGLERS
*/
.ui-layout-resizer {
    background-color: #fff;
}

.ui-layout-resizer-sliding {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #fff;
}
.ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* north-pane is not resizable*/
.ui-layout-resizer-north-dragging,
.ui-layout-resizer-north:hover {
	background-color: #fff;
}
	
.ui-layout-resizer-south-dragging,
.ui-layout-resizer-south:hover {
	background-color: #fff;
}

.ui-layout-resizer-west-dragging,
.ui-layout-resizer-west-open:hover {
	background-color: #fff;
}

.ui-layout-resizer-east-dragging,
.ui-layout-resizer-east-open:hover {
	background-color: #fff;
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .ui-layout-resizer-north { background: url(..img/resizable-n.gif) repeat-x center !important; } */

* html .ui-layout-resizer-south	{
	background: url(img/resizable-s.gif) repeat-x center  !important;
}

* html .ui-layout-resizer-west-open {
	background: url(img/resizable-w.gif) repeat-y center  !important;
}

* html .ui-layout-resizer-east-open {
	background: url(img/resizable-e.gif) repeat-y center  !important;
}

/*
	SIMPLE TOGGLER BUTTONS
*/

.ui-layout-toggler-north-open ,
.ui-layout-toggler-south-closed {
	background: url(img/toggle-up.png) no-repeat;
	}
	
.ui-layout-toggler-north-closed,
.ui-layout-toggler-south-open {
	background: url(img/toggle-dn.png) no-repeat;
}

.ui-layout-toggler-east-closed,
.ui-layout-toggler-west-open {
	background: url(img/toggle-lt.png) no-repeat;
}

/*.ui-layout-toggler-west-closed , SEE west-closed BELOW */

.ui-layout-toggler-east-open {
	background: url(img/toggle-rt.png) no-repeat;
}

/*
'CONTENTS' TOC TOGGLER BUTTON
*/

.ui-layout-resizer-west-closed {
	background-color: #fff;
	border-top: 1px solid #677;
	border-bottom: 1px solid #677;
	border-left: 1px solid #677;
	}
.ui-layout-resizer-west-closed:hover {
	background-color: #dddddd;
}
		
.ui-layout-resizer-west-closed:hover .content {
	color: #dddddd;
}

.ui-layout-toggler-west-closed {
	background-color: #fff;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.ui-layout-toggler-west-closed:hover {
	background-color: #dddddd;
}

.ui-layout-toggler-west-closed .content {
	text-transform: uppercase;
}