/*
 *  File:         jquery.treeview.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for jquery treeview
 *  Author:       jquery.treeview
 *  Created:     
 *  Modified:     Friday May 28 2010 by Jimmmy Bai
 *  Language:     CSS
 *  Project:      eConnect
 *  Version:      7 SP1
 *
******************************Description************************************
 * The styles given here are used for program,membership and sportsadmin tab.
****************************End Description**********************************

************************************Note*************************************
 * The path used for Images is relative.All images are by default located in 
 * /images/ - relative to this CSS file.And the size of images should map 
 *.their width and height specified by the corresponding css.
 *********************************End Note************************************

***********************Customization Recommended******************************
.treeview span.folder
{
	background: url(images/treeview-open.gif) 0 0 no-repeat;
	background-color:#669933;
}
.treeview li.expandable span.folder
{
	background: url(images/treeview-close.gif) 0 0 no-repeat;	
	color:#669933;
}
.treeview span.leaf a.selected
{
	background-color:#669933;
	color:White;
}
.treeview li.expandable span.folder a
{
	color:#669933;
}
************************End Customization Recommended**********************/

.treeview
{
	padding: 0;
	margin: 0 0 0 -15px;
	list-style: none;	
}

.treeview ul
{
	padding: 0;
	margin: 0;	
	margin-top: 4px;	
	list-style:none;
}

.treeview .hitarea
{
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea
{
	display: inline;
	float: none;
}

#treecontrol
{
	margin: 1em 0;
	display: none;
}

.treeview .hover
{
	color: red;
	cursor: pointer;
}

.treeview li
{
	margin: 0;
	padding: 3px 0px 3px 16px;
}
.treeview li.collapsable, .treeview li.expandable
{
	background-position: 0 -176px;
}

.treeview .expandable-hitarea
{
	background-position: -80px -3px;
}

.treeview li.last
{
	font-size:10pt;	
}
.treeview li.lastCollapsable, .treeview li.lastExpandable
{
	background-image: url(images/treeview-default1.gif);
}
.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 li
{
	padding: 1px 0 1px 5px;
}
.treeview span.folder, .treeview span.leaf
{
	padding: 1px 0;
	display: block;			
}
.treeview span.folder
{
	margin-right:5px;
	background: url(images/treeview-open.png) 0 0 no-repeat;
	background-color:#5c9ccc;
	line-height: 15px;
	color:White;	
	font-size:9pt;
	font-family:Verdana;
}
.treeview span.folder a
{
	padding-left:20px;
	display:block;
    font-weight:normal!important;	
}

.treeview li.expandable span.folder
{
	background: url(images/treeview-close.png) 0 0 no-repeat;
	color:#648dbc; 	
}

.treeview li.collapsable span.folder a
{
	color:White;
}

.treeview li.expandable span.folder a
{
	color:#648dbc;
}

.treeview span.leaf
{
    color:#648DBC;
    margin: 0 5px 5px 10px;
    padding:0 0 0 2px;  
}

.treeview span.leaf a
{
	 font-size:10pt;
	 display:block;	
	 padding-left:5px;
     font-weight:normal!important;	
}

.treeview span.leaf a.selected
{
	background-color:#5c9ccc;
	color:White;
}

.treeview ul
{
	padding-left:10px;	
}


.treeview .last-hitarea
{
	background-color: White;
}

.treeview .last-hitarea-selected
{
	background-color: #648dbc;
	padding:1px 5px 1px 5px;
	margin-right:5px;
}

.treeview .last-hitarea-selected a
{
	color:White;
}


.treeview .last-hitarea-selected a
{
	color:White;
}

.treeview .last-hitarea-selected a:visited
{
	text-decoration:none;
	color:White;	
}