@media screen {
/* -----------------------
   Reset, inspired by: html5doctor.com/html-5-reset-stylesheet/
   ------------------------ */

	::selection {
		background-color: #E13300;
		color: white;
	}
	::moz-selection {
	background-color: #E13300;
	color: white;
	}
	::webkit-selection {
	background-color: #E13300;
	color: white;
	}
	



	body {
		background-color: #fff;
		margin: 10px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}
	
	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}
	
	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}
	
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}
	
	#body {
		margin: 0 15px 0 15px;
	}
	
	p.footer {
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	
	#container {
		/* margin: 10px; /* */
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		width: 960px;
		margin: 0 auto;
	}
	#wrapper {
		margin: 0 auto;
		width: 960px;
	}
	#main {
		float: right;
		width: 640px;/*background:#9c9;	/* */
	}
	#sidebar {
		float: left;
		width: 320px;/*background:#c9c;	/* */
	}
	#footer {
		text-align:center;
		font-size: 85%;
		clear: both;
	}


	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		display:inline;
		margin:0;
		padding: 0 5px;
	}
	#nav li a {
		text-decoration:none;
	}
	
	.error { color: red; }
	

.hc_label_input {
	display: inline-block;
	/* text-align: right;	/* */
	width: 120px;
}

.hc_label_textarea {
	display: inline-block;
	/* text-align: right;	/* */
	/*width: 100px;	/* */
}

.hc_input1 {
	width: 100px;
}

.hc_input2 {
	width: 500px;
}

.select {
	width: 100px;
}

.textbox_sm {
	height: 50px;
	width: 	690px;	
}

.textbox_lg {
	height: 100px;
	width: 	690px;
}

.hc_radio {
	margin: 0 5px;
}

.hc_input_radio {
	margin: 0 5px;
}

/* or explicitly inherit */
textarea { 
	font-family: inherit; 
	 line-height:20px;
}

/* textarea { width: 800px; height: 275px; } /* */

 select { margin: 5px ; } /* */

 input {  margin: 5px 0; } /* */

.small { font-size: 80%; font-style:italic;}	
.page-break	{ display: none; }

.noscrollxx {  
    /* overflow: hidden;  /* */
}

.noshow {
	display:none;
} 

.ui-menu { width: 220px; }

}

/* The declarations for print output */
@media print {
 

/* Hide everything unneeded */
header h1, h2, header nav, footer, a, ul, li, select, input[type="submit"], input[type="file"] {display: none}

.sidebar {display:none;}

input, textarea {  

	display: block;
	width: 100%;  /* */
	/* height: auto;   /* */
	border: none;
	/* border-bottom: 1px solid #000; /* */

 }

/* font sizes */
body {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
}

h1 {font-size: 24pt}

h2 {font-size: 14pt; margin-top: 25px}

/* Show printer-frindly logo. */
header .print {display: block}

/* If you like things a little bit easier and more semantic you can alternatively just leave the h1 of the header visible, switch off the margin and make it bigger than the rest of the headlines */
/*header nav, footer, img {display: none} /* */

header h1 {
	margin: 0;
	font-size: 30pt;
}

/* Some browsers like to show a border around images. Switch it off */
img {border: 0}

img {
	max-width: 500px;
}

/* Move the header a little bit away from the content */
header {margin-bottom: 40px}

/* Display the URL of the site so that the user knows where the printout came from */
header:after {display: block; content: "Holden Family Collection"}

.page-break	{ display: block; page-break-before: always; }


}

#tree { margin: 10px; }

#list_items {

	width: 600px;
    height: 325px;
    /* line-height: 2em;	/* */
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
}