.marked {
    display:inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhJJREFUeNqsUz1oFFEQnt3b/5yeCXcnJBZncZVICkn8SSNGkCvtLFROC6+wlCsUwUZslPQXQdIIYmGbJmAUotWhkEL0JBc1qLireHvr7t7t3j5n3rqLa2KlD7738818M+8N8wD+cQh/EhdvfqmIotjAbQ1R/UV3EMtRFLXuXS9v/jXAmWvdet6Qbh8/lC8ePTgGkyWJ8x/NEJ6v/4DVtmM5bth8cGv/0rar1C6/qF+48Wrw9oPLwjBkQRBkQBzZyId8M+JjZx9XTjXWzNddm/m+zzzP45g794QjOZONfMiXNKQVaer3ncb8bKG4r5wDzAaYjcO2bY7kTDbyOTFTKJKGtPyRnufX5o+UuUMyaL+yOAujUQQbG11cQ87nchIcPmDA3Yc+FfkqDxBFYrUyaeA65Jl6PRtc14PTV95w0aM7VRDFuKCMAewdz3FNegNJMtBCNxmguI/GCDPJMc/tSqZmDF+e2mjStN2dznt3esIYolBBxI7I81WWtUyALTPWpEXU9fHlp+0ASR0URU2BPMfvnKpq2BOxJg2gqrtaq23BMnsUQOcZCZpW4EjOhE9fVXi2LlukyXTiyUvf6qU9Qqt5XlOmSnGx8nmZ2xwnAAE9331msHB/MLS+s8bK4sTStlamIGO6gK2sFOemZZgqi7y4W+YI1l4G2MqB5fqsmYh3/EwYhDpsx8+EaKF4E/7n+CnAANTHDgJeXBatAAAAAElFTkSuQmCC") no-repeat center center;
    height: 16px;
    width: 16px;
    padding: 0 10px 0 0;
}

.marked:hover
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtVJREFUeNqkU81LVFEUP/e++z79mBl1/BgnyiwVJ5Gg1EqjmNyIiwpctbKgVavaRH9Aq6DW0aZNFEIQ1iI0hLGUEKOwWWRopaNiT2X8mvfezHvvdt4dlIR2Xfjx7j3n/M7XO4cAAEkkEhIehRCiI2SUUfj38TnnBYTleV4+nU57AZlpmqajIIyKcMXhZLyueaBHLY0lKNOjguVaprOznF75NjS+8etdhlOalRG2bVuCXPD9CAGI1p+8naw72tN/8XTEONNWArEoE2GXTbd+cqa8fqzsVrde0f566fPDUd/3AbP2pBo8aFMdbrrZe6jx3NV7N+Jqd7sBoRKsg3CBUCmBtkYV2o7p8qe5khabVznW2lQGy7VpkLZUdqJBDbX23R2MS/EohUKhAK7rwoXrEwLBPZAFusBGCbX2s8ipOAaWKVCqF4zOs5e6qox4tbRPDrC1tSWw9xZO0CbZWWnk9Y7z6IAx4JzaXqgp2VUtDPZOcB993AGe58P8/A/8ukIuSQw6EwY8eWEkdEpVBoT4HuiVR2IG+H5eRNrc3IJczoIrd2YF6eWD45hosaGcA9REJPC4XkV8v4Qhy2bM4IAKy3KQvA3FDsuYnyFIjCkHhgFbizKdoFeN4T/d1RR17ftCLlZh5JGoIIqGmlYuvrKsHXCQMVGnyOtB+RTTcFTJSaemC0jQQVHUfeh6ROBvmapqMDkDoJKd2aD8YGRdvjmSGptyc+Zm4EAXEQNoWkhg7x1gZV2FD194jmffTmCtllRbW6v61k9OtEb+deFwS3uzRsNlTDRt8HI5XOsrxcZS0f2MKcGjZ663tpQatlaeT+MgrQeTSHAkqb2RWnVI3Pk4W9ewY8lyqJSBIhNwHIDF3wBv3rvwdHg3Zy6Ovdqeuz/KCTGZJGX3lwn3IYz9CKvR3rhRM9AjabEEocVl4r5levZyOrc6NO6YI8EIZzGoWCbyv+v8R4ABADUYUalZy2U9AAAAAElFTkSuQmCC') no-repeat center center;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

.treeview .hover { color: red; cursor: pointer; }

.treeview .hitarea { background: url('../Images/treeview-default.gif') -64px -25px no-repeat; }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../Images/treeview-default.gif'); }

.treeview li { background: none 0 0 no-repeat; }
.treeview > li:first-child { background-image: none; }
/*.treeview li { background: url('../Images/treeview-default-line.gif') 0 0 no-repeat; }*/
/*.treeview > li:first-child { background-image: url('../Images/topcorner.gif'); }*/

.treeview > li.expandable:first-child { background-image: url('../Images/topplus.gif'); }
.treeview > li.collapsable:first-child { background-image: url('../Images/topminus.gif'); }
.treeview > li.lastExpandable:first-child { background-image: url('../Images/treeview-default.gif'); }
.treeview > li.lastCollapsable:first-child { background-image: url('../Images/treeview-default.gif'); }

.treeview > li.last:first-child { background-image: none; }
/*.treeview > li.last:first-child { background-image: url('../Images/singleitem.gif'); }*/

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview .placeholder { height: 16px; width: 16px;	display: block; }

.treeview > li.expandable:first-child,
.treeview > li.collapsable:first-child,
.treeview > li:first-child > div.collapsable-hitarea,
.treeview > li:first-child > div.expandable-hitarea
 {
     background-position: 0 0 !important;
 }
 
.treeview > li.lastExpandable:first-child
{
	background-position: -48px -46px !important;
}

.treeview > li.lastCollapsable:first-child
{
	background-position: -16px -90px !important;
}

.treeview > li:first-child,
.treeview > li.last:first-child
{
	background-position: 0 top !important;
}

.treeview li 
{
    overflow: hidden;
}

.treeview li > span 
{
    padding-left: 2px;
    display: inline-block;
}

.treeview li > span > input
{
    padding: 0;
    margin: 0;
    padding-left: 2px;
    padding-right: 2px;
}

/* fix for IE7 */
*:first-child+html .treeview li > span > input {
    margin: -2px 0 0 0;
}
