﻿
div.magictable
{
    position: relative;
    width: 98%;
    padding: 2px;

}

table.magictable_split
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    border: none;

}

table.magictable tr td.hide
{
    display: none;

}

table.magictable tr.hide
{
    display: none;
}

table.magictable tr.collapsed_hide
{
    display: none;

}



table.magictable tr.collapsed img.collapser
{
        display: none;
}
table.magictable tr.expanded img.collapser
{
    display: inline;
}

table.magictable tr.collapsed img.expander
{
        display: inline;
}
table.magictable tr.expanded img.expander
{
    display: none;
}




table.magictable tr img.collapser
{
    display: none;
    cursor: pointer;
    vertical-align:bottom;
}

table.magictable tr img.expander
{
    display: none;
    cursor: pointer;
    vertical-align:bottom;
}



table.magictable tr.level1 td.indent
{
    padding-left: 0px;
}
table.magictable tr.level2 td.indent
{
    padding-left: 8px;
}
table.magictable tr.level3 td.indent
{
    padding-left: 16px;
}
table.magictable tr.level4 td.indent
{
    padding-left: 24px;
}
table.magictable tr.level5 td.indent
{
    padding-left: 32px;
}
table.magictable tr.level6 td.indent
{
    padding-left: 40px;
}
table.magictable tr.level7 td.indent
{
    padding-left: 48px;
}

table.magictable tr
{
    vertical-align: middle;
}

/* magic list */
ul.magiclist
{

}

ul.magiclist li
{
	list-style:none;
	color:Black;
	font-weight:bold;
}

ul.magiclist li li
{
	color:#660000;
	font-weight:normal;
}

ul.magiclist li li li
{
	color:#990000;
}

ul.magiclist li li li li
{
	color:#cc0000;
}

ul.magiclist li.magiclist_hidden>ul
{
		display: none;
		/*hmm maybe we could so a little sprite eith the collapse image... */
}
ul.magiclist li.magiclist_hidden
{
		cursor: pointer;
}

ul.magiclist li.magiclist_visible>ul
{
		/* ul elements are block by default */
 		display: block;
}

ul.magiclist li.magiclist_visible
{
		cursor: pointer;
}
ul.magiclist li.magiclist_none
{
		cursor: default;
}

ul.magiclist li>img
{
	padding-right: 0.5em;
}


