/* global.css  */

	html { margin: 0; padding: 0; }
	body {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 auto; padding: 0px;
		text-align: center;
		font-size: 12pt;
		}
	
	p  		{ margin :0 0  1em 0; padding: 0; line-height: 1.5em; }
	h1 		{ margin: 0 0 .7em 0; padding: 0; }
	form 	{ margin: 0; padding: 0; }
	ul 		{ margin: 0 0  1em 0; padding: 0; }

/* Links
 * -------------------------------------------------------------------------- */
	a 			{ color: #333; text-decoration: underline; }
	a:hover 	{ color: #D28E00; }
	a img 		{ border: 0; } 

/* Clear + Float 
 * -------------------------------------------------------------------------- */
	.floatLeft 		{ float:  left; margin-bottom: 10px; margin-right: 7px; }
	.floatRight 	{ float: right; margin-bottom: 10px; }
	.fixClear, 
	.clearFix 		{ clear: both; }

	.leftColumn 	{ float:  left; width: 48%; }
	.rightColumn 	{ float: right; width: 48%; }
	
	/* generic container (i.e. div) for floating buttons */
	.clear 			{ float: right; margin: 0; overflow: hidden; }

/* Headings 
 * -------------------------------------------------------------------------- */
	h1, h2, h3, h4 { margin: 0; padding: 0; color: #666; }
	h1 { font-size: 2.5em; text-align: left; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.5em; line-height: 1.5em; color: #FF924F; }
	h4 { font-size: 1.1em; line-height: 1.2em; text-align: justify; }
	h5 { font-size: 0.8em; }

/* Rule
 * -------------------------------------------------------------------------- */
	hr { border-top: 1px solid #fff; border-bottom: none; height: 1px; margin: 0; }


/* Button Styling
 * ========================================================================== */
	 a.button {
		background: transparent url('../images/showroom/button_right_04.png') no-repeat scroll top right;
		color: #333;
		color: #fff;
		display: block;
		float: left;
		font: normal 12px arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		height: 35px;
		margin-right: 6px;
		padding-right: 18px; /* sliding doors padding */
		text-decoration: none;
		}
	a.button:hover { color: #000; }
	a.button span {
		background: transparent url('../images/showroom/button_left_04.png') no-repeat;
		display: block;
		line-height: 25px;
		padding: 5px 0 5px 18px;
		color: #fff;
		} 

/* buttons */
.btn { 
	display: inline-block;
	padding: 5px 10px;
	background-color: #f7f7f7;
	border-radius: 2px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 2px #eee;
	text-decoration: none;
}

.admin-options {
	float: right;
}

/* Status Messages (ERROR / SUCCESS)
 * ========================================================================== */ 
	.success,
	.warning, 
	.error,
	.loginError { 
		background-position: 5px 5px;
		background-repeat: no-repeat;
		clear: both;
		font-size: 0.8em;
		margin-top: 10px; margin-bottom: 10px;
		padding: 20px 10px 20px 65px;
		}
		
 	.notice {
		background-color: #FFFDA3;
		border: 2px solid #D8C741;
		color: #7F7527; 
		padding: 5px;
 		}	
 	.notice p { margin: .2em; }
		
	.success {
		background-color: #E8FACD;
		background-image: url(../images/check.png);
		border: 1px solid green;
		color: green;
		}
	.success h1 { color: green; }
	
	
	.loginError, 
	.error {
		background-color: #FAE8CD;
		background-image: url(../images/error.png);
		border: 1px solid #CC3300;
		color: #CC3300;
		}
		
 	.loginErrorHeader {
		background: #fff;
		color: #f00;
		font-size: 1em;
		font-weight: bold;
		float: right;
		margin: 5px; padding: 2px;
		}
	.loginError {
		color: #f00;
		font-size: 0.7em;
		font-weight: bold;
		}
	
	.warning {
		background-color: #FAFFBF;
		background-image: url(../images/caution.png);
		border: 1px solid #C4A000;
		color: #C4A000;
		}
	.warning h1 { color: #C4A000; }

	p.alert {
		background: url(../images/icons/alertIcon.png) 0 0 no-repeat;
		padding: 0 0 0 40px;
		margin: 20px 0;
		}
	p.question {
		background: url(../images/icons/questionIcon.png) 0 0 no-repeat;
		padding: 0 0 0 40px;
		margin: 20px 0;
		}

/* Go Button and Go Button Text Link styling 
 * -------------------------------------------------------------------------- */
	.goButton { float: right; position: relative; margin-left: 10px; z-index: 2; }
	
	/* See All text styling beside small GO button */
	.goButtonTextLink 			{ color: #ccc; font-size: 1.4em; margin-bottom: 0; }
	.goButtonTextLink a 		{ color: #333; text-decoration: none; }
	.goButtonTextLink a:hover 	{ color: #D28E00; }

/* Basic structuring
 * -------------------------------------------------------------------------- */

	/* half split and full width page for information pages */
	#fullWidth {
		margin: 10px;
		min-height: 285px;
		overflow: auto;
		padding: 0;
		text-align: left;
		}
	#fullWidth img 		{ display: inline; float: right; margin-left: 10px; padding: 0; }
	.fullWidthMargin 	{ padding-top: 50px; }
	.halfSplit 			{ float: left; margin: 0 0 0 10px; width: 435px; }


/* Top Container 
 * ========================================================================== */
	.topContainer,
	#topContainer {
		margin: 10px;
		overflow-x: hidden;
		overflow-y: auto;
		}

	#topContainer .description,
	.topContainer .description,
	.pageExplanation { color: #666; }
	

/* Bread Crumbs
 * -------------------------------------------------------------------------- */
	.breadCrumb {
		font-family: verdana;
		font-size: 10px;
		margin: 0px; padding: 0px;
		text-align: right;
		}


/* Lower Content
 * ========================================================================== */
	.lowerContent {
		padding: 10px;
		background: #fff;
		margin: 10px;
		overflow: auto;
		width: 95.5%;
		}
	.lowerContent p 			{ color: #333333; } 
	.lowerContent label 		{ color: #666666; font-size: 0.8em; }
	.lowerContent h1 			{ color: #cccccc; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h2 			{ color: #FF924F; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h3 			{ color: #FF924F; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h3 a 			{ color: #FF924F; text-decoration: none; }
	.lowerContent h3 a:hover 	{ color: #000000; }
	.lowerContent h4 			{ color: #666666; margin: 0; padding: 0; font-size: 1.0em; }
	.lowerContent hr {
		border: none;
		border-top: 1px dotted #ccc;
		clear: both;
		margin: 30px 10px;
		}
	.lowerContent fieldset 					{ border: none; }
	.lowerContent div.goLinksContainer 		{ display: inline; float: right; margin: 0; }
	.lowerContent div.goLinksContainer h4, 
	.lowerContent div.goLinksContainer img 	{ float: right; margin: 0 5px 0 0; }
	.lowerContent div.goLinksContainer a 	{ text-decoration: none; }
	
	.lowerContentSection 		{ overflow: hidden; }
	.lowerContentSection h2 a 	{ color: #FF924F; text-decoration: none; }
	.lowerContentImage 			{ display: inline; float: right; margin: 0 0 5px 10px; }
	
	.lowerContent.border { border: 2px solid #ddd; }


/* Footer
 * ========================================================================== */
	#footer {
		background-image: url(../images/greenBg.jpg);
		background-repeat: repeat-x;
		color: #fff;
		display: inline-block;
		font-size: 0.7em;
		line-height: 20px;
		text-align: center;
		width: 900px; height: 20px;
		}
	#footer a:link 		{ color: #fff; text-decoration: underline; }
	#footer a:visited 	{ color: #fff; position: relative; }
	#footer a:hover 	{ color: #333; }
	#footer a:active 	{ color: #666; }
	.footerTextCenter 	{ position: relative; z-index: 2; }



/* Generic Styles
 * ========================================================================== */

/* Search Box 
 * -------------------------------------------------------------------------- */
	.searchBox 	{ margin-bottom: 1em; }
	.searchGo 	{ position: relative; top: 10px; left: 10px; }


/* Text Styles
 * -------------------------------------------------------------------------- */
	.textWhite {
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-align: left;	
		}
	.textGrey {
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		text-align: justify;
		}
	.textLink 			{ font-size: 0.8em; text-decoration: underline; }
	.bold 				{ font-weight: bold; }
	.boldCenterLarge 	{ color: #666; font-size: 0.9em; font-weight: bold; text-align: center; }
	.uberSmall 			{ color: #666; font-size: 0.6em; } 			/* Uber small text for little shtuff */
	.headingBlack 		{ font-size: 1em; font-weight: bold; } 		/* bold text styling for list head items */

/* unordered list styling with 3Dream round bullet
 * -------------------------------------------------------------------------- */
	.keyList {
		list-style-image: url(../images/bullet.gif);
		list-style-position: outside;
		marker-offset: none;
		font-size: .8em;
		color: #666666;
		padding-left: 20px;
		line-height: 1.1em;
		}
	.keyList li 	{ margin-bottom: 1em; }
	.keyList li a p { text-decoration: underline; }
	
	/* For ul that is used for links */
	.linkList {
		color: #666666;
		list-style-image: url(../images/bullet.gif);
		list-style-position: outside;
		font-size: .8em;
		margin: 0; padding-left: 2em;
		}


/* Note (used above most form)
 * -------------------------------------------------------------------------- */
	.note 		{ clear: both; color: #666; float: right; font-size: 0.8em; }
	.note em 	{ position: relative; top: 6px; }
	em 			{ color: orange; font: bold normal 1.4em; }
	.required 	{ color: orange; }


/* Tabs
 * -------------------------------------------------------------------------- */
	.tabsContainer { }
	.tabsContainer .tabs {
		border-bottom: 1px solid gray;
		font: bold 12px Verdana;
		list-style-type: none;
		margin: 0; padding: 3px 0 3px 6px;
		text-align: left;
		}
	.tabsContainer .tabs li { display: inline; height: 2em; margin: 0; }
	.tabsContainer .tabs li a {
		border: 1px solid gray;
		border-bottom: none;
		background-color: #f6f6f6;
		color: #666;
		margin-right: 3px; padding: 3px 7px;
		text-decoration: none;
		}
	.tabsContainer .tabs li a:hover 	{ background-color: #FC3; color: black; }
	.tabsContainer .tabs li a:active 	{ color: black; }
	.tabsContainer .tabs li.selected a 	{
		background-color: #FFF;
		color: black;
		position: relative;
		top: 1px;
		padding-top: 4px;
		}
		
/* Login 
 * ========================================================================== */
  	.headerBtn { margin: 0 .5em; }
  	
	#loginForm label {
		color: #666;
		display: block;
		float: left;
		font-weight: bold;
		text-align: right;
		width: 140px;
		}
	#loginForm span.small 			{ color: #999; display: block; font-size: 0.6em; }
	#loginForm span.small a:hover 	{ color: #FC0; }
	#loginForm label 				{ position: relative; top: 4px; }
	#loginForm input.checkbox 		{ float: left; margin: 5px 0 20px 10px; padding: 0; }
	#loginForm input.text {
		border: solid 1px #aacfe4;
		float: left;
		font-size:0.8em;
		margin: 2px 0 20px 10px; padding: 4px 2px;
		width:220px;
		}

/* General Styles with non-Generics Names (something should be done about that)
 * ========================================================================== */

/* Global Grey Box Type Styling - Used in post login
 * -------------------------------------------------------------------------- */
	#projectsContainer { 
		width: 866px;
		background: #FFFFFF;
		border: #CCCCCC solid 2px;
		margin:0 10px 0 10px;
		padding: 5px;
		font-size: 0.8em;
		color: #666666;
		text-align: left;
		overflow: auto;
		}
	
	.projectInfo {
		background: #f7f7f7;
		border: #CCCCCC solid 2px;
		margin-bottom: 5px;
		padding: 5px;
		clear: both;
		overflow: auto;
		}
	.projectInfo h3 { color: #666; font-size: 1.3em; }
	.projectInfo .launch {
		float: left;
		height: 200px;
		margin-left: 10px;
		vertical-align: text-bottom;
		}
	
	.projectInfo .detailsContainer 			{ float:  left; position: relative; }
	.projectInfo .detailsContainerDetails 	{ float: right; position: relative; }
	
	.projectInfo table 					{ border-collapse: collapse; text-align: left; width: 675px; }
	.projectInfo table h3 				{ color: #666; font-size: 1.3em; }
	.projectInfo table tr.description 	{ height: 4em; }
	.projectInfo table td.label 		{ text-align: right; padding: 5px; width: 90px; }
	.projectInfo table.projectManager 	{ border-collapse: collapse; text-align: left; width: 300px; }
	
	.projectInfo .scene {
		border: #CCC solid 1px;
		background:#FFF;
		color: #666;
		display: inline;
		float: left;
		font-size: 0.8em;
		margin-top: 10px; margin-left: 13px; padding: 5px;
		overflow: hidden;
		text-align: center;
		width: 150px; height:150px;
		}
	.projectInfo .projectDescription { color:#666; font-size: 0.8em; float:left; width: 80%; }
	
/* Form Styles 
 * ========================================================================== */
 
	input:focus, 
	textarea:focus { background-color: #f7e9d7; }

	.createScene .left 	{ float:  left; clear: left; }
	.createScene .right { float: right; margin: 0 20px 0 0; }
	.createScene label {
		clear: left;
		display: block;
		float: left;
		text-align: right;
		width: 140px;
		}
	.createScene input, 
	.createScene textarea, 
	.createScene select {
		border: solid 1px #aacfe4;
		clear: right;
		float: left;
		margin: 2px 0 20px 10px; padding: 4px 2px;
		}
	.createScene input 				{ width: 220px; }
	.createScene input.date 		{ width: 120px; }
	.createScene img 				{ float: left; width: 25px; }
	.createScene textarea 			{ width: 80%; }
	.createScene .fieldDescription 	{ color: #999; display: block; font-size: 0.8em; }
	
/* Slidebar
 * ========================================================================== */
 
	.sliderbar {
		display: inline-block;
		width: 400px;
		border: 1px solid #CCC;
		height: 8px;
		border-radius: 4px;
		margin-left: 5px;
		background: #EEE;
		}
	
	.noUi_handle { height: 8px; width: 8px; }
	
	.noUi_midBar {
		height: 8px; 
		background: #2673AB;
		background-image: linear-gradient(bottom, rgb(94,153,196) 30%, rgb(38,116,171) 81%);
		background-image: -o-linear-gradient(bottom, rgb(94,153,196) 30%, rgb(38,116,171) 81%);
		background-image: -moz-linear-gradient(bottom, rgb(94,153,196) 30%, rgb(38,116,171) 81%);
		background-image: -webkit-linear-gradient(bottom, rgb(94,153,196) 30%, rgb(38,116,171) 81%);
		background-image: -ms-linear-gradient(bottom, rgb(94,153,196) 30%, rgb(38,116,171) 81%);
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.3, rgb(94,153,196)), color-stop(0.81, rgb(38,116,171)) );
		}
	
	.noUi_sliderKnob {
		z-index: 5;
		width: 16px;
		height: 16px;
		position: absolute;
		top: -5px;
		left: -5px;
		border: 1px solid #CCC;
		border-radius: 5px;
		background: #EEE;
		}
	
	.noUi_sliderKnob:hover,
	.noUi_activeHandle { background: adcbe1; border-color: 2673AB; }

/* New Scene Wizard
 * -------------------------------------------------------------------------- */
	.template_list .templatesContainer {
		border: #999 solid 1px;
		border-top: 0;
		background: #FFF;
		padding: 0 0 5px 0;
		overflow: auto;
		}
	.template_list .description { font-size: .8em; }
	.template_list label 		{ font-size: 1em; }
	
	.template_list .room {
		border: #ccc solid 1px;
		display: inline-block;
		height: 80px; width: 409px;
		margin: 5px 5px 0 -5px; padding: 5px;
		overflow: hidden;
		vertical-align: top;
		}
	.template_list .room:hover 				{ background: #F8FFBF; border-color: #f90; cursor: pointer; }
	.template_list .room.selectedRoom 		{ background: #FFDCA8; border-color: #f90; }
	.template_list .room.selectedRoom h3 	{ color: #333; }
	.template_list .room .roomDetails img 	{ float:  left; margin-right:  5px; width: 80px; }
	
	.template_list .templatesContainer p.sectionExplanation { margin: 5px; }
	
/**
 * Main Calendar Styles
 *----------------------------------------------------*/
.calendar { 
	background-color: #fff;
	cursor: pointer;
	width: 10px;
	/* 	Prevent default texthighlighting on mouse drags. Not a standard.
		For ie, javascript is used "onselectstart = 'return false'" */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	border: 1px solid #ddd;
	font-size: 8pt;
	font-family: verdana; }

.calendar a { 
	text-decoration: none;
	font-weight: bold;
	display: block; }

/**
 * Calendar Header
 *----------------------------------------------------*/
.calendar thead tr.header th 	{ background-color: #bba; font-weight: bold; height: 5px; border-bottom: 1px solid #bba; }
.calendar tbody td,
.calendar thead th 				{ padding: 3px; text-align: center; }

/**
 * Calendar Body Styles
 *----------------------------------------------------*/
.calendar .thisMonth 	{ color: #000; }
.calendar .otherMonth 	{ color: #888; }
.calendar .weekend 		{ background-color: #eed; }
.calendar .selected 	{ background-color: #ddf; }
.calendar .today 		{ border: 1px solid #a55; }
.calendar td:hover 		{ background-color: #bbf; }

/**
 * Date Picker
 *----------------------------------------------------*/
input.datePicker { cursor: hand; }

/**	tables.css */

	table.sortable thead { cursor: pointer; }

/* Form Table - Used for Admin user search
 * ========================================================================== */
	fieldset {
		background: #fff;
		border: 2px solid #ccc;
		}
	table.formTable label {
		color: #666;
		display: inline;
		text-align: left;
		vertical-align: bottom;
		font-size: 10pt;
		margin: 3px 0px 1px 0px;
		padding: 0px;
		}

/* My Account table styling - Used in non Admin Tables/Forms 
 * ========================================================================== */
	#halfSplit fieldset { border: none; }
	.projectInfo fieldset { border: none; background: none; }
	table.myAccount {
		color: #666666;
		font-size: 0.8em;
		width: 100%;
		text-align: center;
		vertical-align: top;
		}
	table.myAccount tr.odd { background: #f2f2f2; padding: 2px; }
	table.myAccount tr.even { background: #f9f9f9; padding: 2px; }
	table.myAccount td.left {
		text-align: right;
		width: 30%;
		font-weight: bold;
		vertical-align: text-top;
		}
	table.myAccount td.right {
		text-align: left;
		width: 70%;
		margin-left: 10px;
		padding-left: 10px;
		}

/* General styles for tables displaying data
 * ========================================================================== */
	.dataTable {
		background: #fff;
		border-collapse: separate;
		margin: auto;
		text-align: left;
		}
	
	.dataTable.wide { width: 100%; }
	
	/** header */
	.dataTable thead {
		background: #ccc;
		color: #444;
		font-size: .8em;
		font-weight: bold;
		}
	
	/** rows */
	.dataTable tbody tr.even 	{ background-color: #ececec; }
	.dataTable tbody tr.odd 	{ background-color: #f5f5f5; }
	.dataTable tbody tr:hover 	{ background-color: #ffcc33; }
	.dataTable tbody tr:hover a { color: #000; }
	
	/** cells */
	.dataTable td 				{ padding: .1em .5em; }
	
	/** data types */
	.dataTable .date 			{ color: #333; font-size: .8em; }
	.dataTable .money 			{ text-align: right; }
	.dataTable .number 			{ text-align: right; }
	.dataTable .options 		{ font-size: .8em; }
	
	/** alternative column colors */
	.dataTable tr.odd   td.alt { background-color: #eaeaea; }
	.dataTable tr.even  td.alt { background-color: #dfdfdf; }
	.dataTable tr:hover td.alt { background-color: #eecc33; border-color: #db3; }
	
	/** border between regular and alt column colors */
	.dataTable tr.odd   td.alt.edgeRight { border-right: 2px solid #bbb; }
	.dataTable tr.even  td.alt.edgeRight { border-right: 2px solid #aaa; }
	.dataTable tr.odd   td.alt.edgeLeft  { border-left:  2px solid #bbb; }
	.dataTable tr.even  td.alt.edgeLeft  { border-left:  2px solid #aaa; }
	
	/** footer */
	.dataTable tfoot .totals td { 
		border-top: 2px solid #333; 
		text-align: right; 
		}

/* Paging Styling - multiple pages thing
 * ========================================================================== */
	table div.paging {
		text-align: right;
		font-size: 8pt;
		padding: 2px 0px;
		margin: 10px 0 0;
		}
/**
 * @file support.css
 */

	#support .outter { text-align: center; }
	
	#support .inner {
		text-align: left;
		width: 800px;
		margin: 0px auto; }
	#support .inner table {
		border: 1px solid #eee;
		background-color: #fafafa;
		width: 100%; }
	#support .inner table td {
		padding: 0px 10px 40px 10px; }
		
/**
 * frequently asked questions
 */
	#faqContainer {
		color: #000;
		font-size: 11pt; }
	#faqContainer h2.faqTitle {
		background-color: #eee;
		color: #444;
		font-family: Arial, Helvetica, Sans Serif;
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 20px;
		padding: 2px; }
		
	#faqContainer ol { font-size: 1em; }
	#faqContainer ul { margin: 10px 30px; }
	
	#faq .focusedQA .question {
		background-color: #fdd;
		color: #000; }
		
	#faqContainer .focusedQA .answer { font-weight: bold; }
		
	#faqContainer .question {
		background-color: #eee;
		color: #444;
		font-family: Arial, Helvetica, Sans Serif;
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 20px;
		padding: 2px; }
	#faqContainer .answer { 
		padding-left: 15px; 
		line-height: 1.5; }
			
/**
 * help section
 */
	#help_contentArea {
		background-color: #f7f7f7;
		border-top: 1px solid #ddd;
		padding-top: 5px;
		width: 100%; }
		
	/* table of contents */
	.navigateContainer {
		padding: 10px;
		width: 200px;
		overflow: visible;
		float:left;
		display: inline;
		text-align: left;
	}
	#help_toc {
		background-color: #fff;
		border-right: 1px solid #ddd;
		float: left;
		overflow-x: auto;
		padding-top: 5px;
		padding-bottom: 25px;
		width: 230px; }
	/*
		#help_toc ul {
			margin: 0px;
			padding-left: 20px; }
		#help_toc li 			{ white-space: nowrap; cursor: hand; }
		#help_toc li a 			{ font-size: 8pt; }
		#help_toc li.open ul 	{ display: block; }
		#help_toc li.open 		{ list-style: circle; }
		#help_toc li.close ul 	{ display:  none; }
		#help_toc li.close 		{ list-style: disc; }
		#help_toc li.leaf 		{ list-style: square; }
	*/
	
	#help_displayArea {
		background: transparent;
		padding: 10px;
		width: 600px;
		overflow: auto;
		float:right;
		display: inline;
		text-align: left;
	}
	#help_displayArea h1 {color: #666666; font-size: 1.8em; margin: 0 0 10px 0;}
	#help_displayArea h2 {color: #666666; font-size: 1.5em; margin: 0 0 5px 0;}
	#help_displayArea h3 {color: #FF924F; font-size: 1.2em; margin: 0 0 5px 0;}
	#help_displayArea h4 {color: #666666; font-size: 1.0em; margin: 10px 0 5px 0;}
	#help_displayArea h5 {color: #666666; font-size: normal; margin: 20px 0 5px 0;}
	#help_displayArea h6 {color: #666666; font-size: normal;}
	#help_displayArea ul, #help_displayArea ol {color: #666666; margin: 0 0 10px 20px;}
	#help_displayArea ul li, #help_displayArea ol li {color: #666666; margin: 0 0 0 20px; font-size: 0.8em;}
	#help_displayArea ul li ul li {font-size: 1.0em;} 
	#help_displayArea img {margin: 5px;}
		
	#helpPage { padding: 0; }
			
	/* help search */
	.searchBox {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	}

	#helpSearch_searchBox {
		background-color: #eee;
		border-bottom: 1px solid #ccc;
		padding: 5px;
		height: 2.5em;
		width: 100%;
		text-align: center;
		font-size: 11pt;
		vertical-align: top; }
	.inlineHelpSearch {
		float: right; 
		clear: right;
		padding: 15px 0px;
		font-size: 8pt; }
	#helpSearch_searchBox input#query {
		width: 400px;
		height: 1.6em;
		font-size: 11pt; }
	.inlineHelpSearch input#query {
		width: 275px;
		height: 1.75em;
		font-size: 8pt; }
	
/**
 * tree view 
 */
	ul.tree {
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 0;
		padding: 0 0 0 10px;
		display:block;
		}
	ul.tree ul { 
		border-left: 1px solid #ccc;
		margin: 0; 
		padding: 0 0 0 25px;
		}
		ul.tree li { 
		margin: 0; 
		padding: 0;
		}
		/* tree branch */
		ul.tree li.open ul 	{ display: block; }
		ul.tree li.close ul { display:  none; }
		
		ul.tree li.branch { 
			cursor: pointer;
			margin: 0px;
			padding: 0px;
		}
			
		ul.tree li.branch.close { list-style-image: url(../images/close.png); }
		ul.tree li.branch.open  { list-style-image: url(../images/open.png);  }
			
		/* tree leaf */
		ul.tree li.leaf { list-style-image: url(../images/leaf.png); margin: 3px 0;}
		
		/* empty tree branch */
		ul.tree ul.empty { border: none; }
		ul.tree ul.empty li { 
			color: #955; 
			list-style: none none; 
			font-size: 8pt; 
			margin-left: -13px; }