/* jQuery tableTree stylesheet
 *
 * This file contains styles that are used to display the tree table. Each tree
 * table is assigned the +tableTree+ class.
 * ========================================================================= */

/* jquery.tableTree.collapsible
 * ------------------------------------------------------------------------- */

.tableTree tr#ghost td input {
    margin-left: 5px;
    margin-top: 2px;
    width: 300px;
}

.tableTree tr td .activate {
	cursor: pointer;
	/*padding: 0;*/
	zoom: 1; /* IE7 Hack */
}

.tableTree tr td a.activate {
	background-position: left center;
	background-repeat: no-repeat;
	/*color: #414B50;*/
	text-decoration: none;
	margin-top: 2px;
}


.tableTree tr.tableTree_collapsed td a{
	font-style: normal;
}

.tableTree tr.tableTree_expanded td a{
	font-style: italic;
}


.tableTree .expandIcon{
	cursor: pointer;
	float: left;
	background: url(img/icon_arrows.png) 7px 5px transparent no-repeat;
}

.tableTree tr.tableTree_expanded .tt_iconWrapper.expandIcon{
	background-position: 7px -25px;
}

/*.tableTree tr.tableTree_isLoading .tt_iconWrapper.expandIcon,
.tableTree tr#ghost.tableTree_isLoading .tt_iconWrapper*/
.tableTree tr.tableTree_isLoading .tt_iconWrapper {
	background: url(img/loading.gif) no-repeat 12px 6px transparent;
}
/*.tableTree tr.tableTree_isLoading .tt_iconWrapper.expandIcon img,
.tableTree tr#ghost.tableTree_isLoading .tt_iconWrapper img#ghost-icon*/
.tableTree tr.tableTree_isLoading .tt_iconWrapper img {
	display: none;
}

.tt_iconWrapper{
	float:left;
	padding-left: 17px;
	padding-top: 4px;
	width: 20px;
	height: 20px;
}

.showAttachements{
	float:right;
}

.tableTree tr td ul{
}


/* jquery.tableTree.sortable
 * ------------------------------------------------------------------------- */
.tableTree tr.selected, .tableTree tr.accept {
	background-color: #3875d7;
}

.tableTree tr.selected a.activate, .tableTree tr.accept a.activate {
	color: #fff;
}

.tableTree tr.tableTree_collapsed.selected td a.activate, .tableTree tr.tableTree_collapsed.accept td a.activate {
	/*background-image: url(img/toggle-expand-light.png);*/
}

.tableTree tr.tableTree_expanded.selected td a.activate, .tableTree tr.tableTree_expanded.accept td a.activate {
	/*background-image: url(img/toggle-collapse-light.png);*/
}

.tableTree .ui-draggable-dragging {
	color: #000;
	z-index: 1;
}

/* Layout helper taken from jQuery UI. This way I don't have to require the
 * full jQuery UI CSS to be loaded. */
.temp-hidden, .ui-helper-hidden { display: none; }