.container {
	text-align: left;
	background-image: url("./images/bg_header_long.gif"); 
	background-repeat: repeat-x;
	color: #FFFFFF; 
/*	height: 66px;*/
	overflow:hidden;
	margin:0;
	padding:0;
}
 /*
.container h1  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	/* margin-top: 10px; /*15px;*/
	
/* } */
.container  p {
	color: #FFFFFF; 
	font-weight: bold;
	font-size: 1.25em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em
}

.other {
	background:#ececec; 
	color:#bcbcbc; 
	margin:0 15px;
}

img {
	border-width: 0;
}

.rtop, .rbottom{
	display:block;
	background:#fff; 
} 

.rtop *{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #077cb6; /*	#0076b1; /* #ccc; */
}

.rbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	border-width: 0;
	background: #6fcbf9; /*#55B8E8; /*#51B4E6; /*#6AC7F6 ;  */
}
.r1{margin: 0 5px}
.r1_5{margin: 0 4px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
/* background:#12A2EA; */
overflow: hidden;
margin: 0 1px;
height: 2px
}

.footer {
	/* color: #FFFFFF;  */
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em
*/
	background: #0076b1;
	 /*border-width: 1; */
}
.body {
	 text-align: left; 
	 
	 border:0;
	 margin:0;
	 padding:0;
}
.p {
	 text-align: left; 
}
.footer-font  {
	/* color: #FFFFFF;  */
	text-align: center; 
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-size: 1em */
	margin-top: 0px;
}


/*---------------==================> Admin Buttons <==================---------------*/
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, 
.icon-project-admin, .icon-login, .icon-add-new-er, .icon-report,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search , .icon-user-admin , .icon-edit-user, .icon-project-access , .icon-send-invitation, .icon-disable-user, .icon-modify , .icon-activate, 
.icon-update-pw, .icon-attach-file,.icon-choose-organization, .icon-edit-organization,
.icon-tasks, .icon-make-suggestion, .icon-org-admin, .icon-vcf, .icon-edit-button, .icon-folder,
.icon-info
{
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
	text-decoration: none;
	color:  #0000EE !important; /* so doesn't get overwritten by list-alt1 or 2 */
	font-family:auto;
}

.menubar  {
	text-align: right;
	margin-right: 20px;
	text-decoration: none;
}

.proj_name {
	text-align: left;
}

.icon-logout , .icon-logout:visited					{ 
	background-image: url("./images/icon_logout.gif"); 
	text-decoration: none;
}
.icon-login, .icon-login:visited					{ 
	background-image: url("./images/icon_login.gif"); 
	text-decoration: none;
}
.icon-project-admin, .icon-project-admin:visited { 
	background-image: url("./images/icon_project_admin.gif"); 
	text-decoration: none;
	/* display: inline;*/
	/*position: relative; */
	padding-right:2px; 
}
.icon-register					{ 
	background-image: url("./images/icon_register.gif");
	text-decoration: none; 
}
.icon-user-admin, .icon-user-admin:visited {
	background-image: url("./images/icon_user.gif");
	/* background-image: url("./images/icon_user_admin.gif"); */
	text-decoration: none; 
}
.icon-org-admin, .icon-org-admin:visited {
	background-image: url("./images/icon_members.gif");
	text-decoration: none; 
}
.icon-modify, .icon-modify:visited {
	background-image: url("./images/icon_modify.gif");
	text-decoration: none; 
}

.icon-disable-user, .icon-disable-user:visited{
	background-image: url("./images/icon_disable_user.gif");
	text-decoration: none; 
	color:  #0000EE;
	font-family:auto;
}

.icon-choose-organization, .icon-choose-organization:visited{
	background-image: url("./images/icon_search.gif");
	text-decoration: none; 
	color:  #0000EE;
	font-family:auto;
	padding-right:3px;
}
.icon-edit-organization, .icon-edit-organization:visited{
	background-image: url("./images/icon_modify.gif");
 	text-decoration: none; 
	color:  #0000EE;
	font-family:auto;
}

.icon-add-new-er, .icon-add-new-er:visited { 
	background-image: url("./images/icon_make_comment.gif");
	text-decoration: none; 
}
.icon-make-suggestion, .icon-make-suggestion:visited { 
	background-image: url("./images/make_suggestion.gif");
	text-decoration: none; 
}
.icon-tasks, .icon-tasks:visited{
	background-image: url("./images/img3.jpg");
	text-decoration: none; 
}

.icon-report, .icon-report:visited{
	background-image: url("./images/icon_print.gif");
	text-decoration: none; 
}

.icon-send-invitation, .icon-send-invitation:visited{
	background-image: url("./images/icon_send_invitation.gif");
	text-decoration: none; 
	font-family:auto;
	padding-right: 10px;
}
.icon-update-pw, .icon-update-pw:visited{
	background-image: url("./images/icon_edit_user.gif");
	text-decoration: none; 
	font-family:auto;
	padding-right: 10px;
}

.icon-edit-user , .icon-edit-user:visited {
	background-image: url("./images/icon_edit_user.gif");
	text-decoration: none; 
}


.icon-activate, .icon-activate:hover {
	background-image: url("./images/icon_subscribe.gif");
	text-decoration: none; 
}
.icon-attach-file , .icon-attach-file :hover {
	text-decoration: none; 
	background-image: url("./images/icon_topic_attach.gif");
	padding: 5px 0 5px 7px;
	margin-right: 5px;
	vertical-align: middle;
}
.icon-edit, .icon-edit:hover {
    background-image: url("./images/edit_button.png");
    text-decoration: none; 
}
.icon-vcf, .icon-vcf:hover {
    background-image: url("./images/icon_vcf.gif");
    text-decoration: none !important; /* so doesn't get overwritten by list-alt*/ 
}


.icon-folder, .icon-folder:hover {
    background-image: url("./images/folder_icon.gif"); 
    text-decoration: none !important; /* so doesn't get overwritten by list-alt*/ 
    padding-right: 8px;
}
    
.icon-edit-button, .icon-edit-button:hover {
    background-image: url("./images/edit-button-gray.gif"); 
    text-decoration: none !important; /* so doesn't get overwritten by list-alt*/ 
    padding-right: 17px;
}
.icon-info, .icon-info:hover {
    background-image: url("./images/info-button-blue.gif"); 
    text-decoration: none !important; /* so doesn't get overwritten by list-alt*/ 
    padding-right: 2px;
}

.a { text-decoration: none; }
.a:hover{ text-decoration: underline; }



.icon-logout:hover,.icon-register:hover,.icon-login:hover,.icon-project-admin:hover , .icon-user-admin:hover, 
.icon-report:hover, .icon-add-new-er:hover, .icon-edit-user:hover, 
.icon-send-invitation:hover, .icon-disable-user:hover, .icon-update-pw:hover, 
.icon-attach-file:hover, .icon-edit-organization:hover, 
.icon-choose-organization:hover, .icon-activate:hover, .icon-tasks:hover, .icon-make-suggestion:hover,
.icon-org-admin:hover, icon-info:hover
 {
	text-decoration: underline;
	/* white-space:nowrap; */

}

.no_underline {
    text-decoration: none !important;
}

/*---------------==================> END Admin Buttons <==================---------------*/

.list {
	cursor: default;
	overflow: visible;
}

.no_wrap {
	white-space:nowrap !important;
}

.list_head {
	background-image: url("./images/proj_list_header.gif"); 
	background-repeat: repeat-x;
	color: #FFFFFF; 
	white-space:nowrap;
	overflow:hidden;  
	vertical-align:top;
}

.list_head a  { /* so header color looks ok when added as link */
	color: white;
}

.list_alt1 {
	 background-color: #DFDFDF;
	 border-width: 1px; 
}
.list_alt2{
	 background-color: #EFEFEF; 
	 border-width: 1px; 
}
.list_alt3 {
	 background-color: #A7DFB4; 
	 border-width: 1px; 
}

.list_alt3 td input {
	 width:100%;
}

.list_alt4{
	 background-color: #C3DFC9;  
	 border-width: 1px; 
}

.list_alt1 a , .list_alt2 a, .list_alt3 a, .list_alt4 a, .data_table a {
	text-decoration: none; 
	color: black; 
}

.list_alt1 a:hover , .list_alt2 a:hover, .list_alt3 a:hover, .list_alt4 a:hover, .data_table a:hover{
	text-decoration: underline;
}

.list tr:hover , tr .list_alt1:hover, tr .list_alt2 :hover, .list_hover_ie6,
tr .list_alt3:hover, tr .list_alt4:hover
{
	background-color:#BFE8FF !important;
	color: #858585;
}
/*
.list_alt1 td .sorting_1:hover {
    background-color:#BFE8FF !important;
    color: #858585;
}
*/
/*---------------==================> Printable ER Display <==================---------------*/

.printable_list, .printable_list table {
	border-collapse: collapse; 
	vertical-align: top;
}
tr.printable_list_alt1 {
	background-color: #DFDFDF;
	vertical-align: top;
	border-bottom:thin solid gray; 
}
tr.printable_list_alt2 {
	background-color: #EFEFEF; 
	vertical-align: top;
	border-bottom:thin solid gray;
}


/*---------------==================> ER Display <==================---------------*/
.editable_er_heading {
	vertical-align: top;
	font-size: 1.25em;
	text-align: left;
}

.editable_er, .editable_status, .editable_status1, .editable_status2 , .new_status {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	border:thin solid #858585;
	background-color: #DFDFDF; 	/* FAFAD2 swap with background-color: #DFDFDF; */
	padding-left:6px;
	padding-right:6px; 
	
}

.editable_er td {
	vertical-align: top;
 	font-size: 0.75em;
	padding:6px;
}

.editable_er th {
	vertical-align: top;
	font-size: 1em;
	text-align: left;
}


.editable_er a {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding:1px 0 0 17px;
	color:#551A8B;
	border-style:none;
	background-color: #DFDFDF;
}
.editable_er textarea, .editable_status textarea {
	overflow:hidden; 
    width : 100%;
}

.new_status, .editable_status1, .editable_status2 {
	border: none;
	vertical-align: top;
}

.editable_status td , .editable_status1 td, .editable_status2 td{
	vertical-align: top;
	padding:6px;
}
.editable_status1 {
	background-color: #E0EAEF; /*#C3D6DF; /* #b9b9b9;  /* #DFDFDF; */
	border: none; 
	margin-top: 0px;
}
.editable_status2{
	background-color: #F4EFE3; /*white; /* #FFFFE0; /*#E0ECEF;/* #DFDFDF;  /*#EFEFEF;  E6E6E6 */
	border-top: thin solid  #C3D6DF;/* #b9b9b9; */
	border-bottom: thin solid  #C3D6DF;/* #b9b9b9; */
	margin-top: 0px;
}
.new_status {
	margin-top: 5px; 
	border: ridge; /*  #4F4F4F; /* #CFEFFF; */
}


.new_status textarea, .editable_status1 textarea, .editable_status2 textarea {
	margin-top: 0px;
	overflow:hidden;
	/* background-color: #FFFFFF; */
    width : 100%;
	margin-bottom: 5px;
}

.new_status textarea {
	background-color: #FFFFFF;
}

.border  {
	border:thin solid #858585;
}

.no_border {
	border:none;
}

/*---------------==================> ER Buttons <==================---------------*/

.link_button_modify, .link_button_modify1, .link_button_modify2, .link_button_make_comment, .link_button_pdf , .link_button_new_er , .link_button_attach_file, .link_button_csv {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding:1px 0 0 17px;
	color:#0000EE;
	/* background-color: #FFFFFF; /* #DFDFDF; */
	background-color: #E6E6E6;
}

.link_button_modify1 {
	background-color: #C3D6DF;
}

.link_button_modify2 {
	background-color: #E6E6E6;
}

.link_button_make_comment {
	background-image: url("./images/icon_make_comment.gif");
}

.link_button_pdf {
	background-image: url("./images/pdf2.jpg");
}
.link_button_csv {
	background-image: url("./images/csv.gif");
	background-repeat: no-repeat;
}

.link_button_new_er {
	background-image: url("./images/icon_make_comment.gif");
}

.link_button_attach_file  {
	padding:1px 0 0 11px;
	background-image: url("./images/icon_topic_attach.gif");
}

.link_button_modify, .link_button_modify1 , .link_button_modify2{
	background-image: url("./images/icon_modify.gif");
}

.link_button_modify:hover, .link_button_make_comment:hover, .link_button_modify1:hover, .link_button_modify2:hover, .link_button_pdf:hover, .link_button_new_er:hover, .link_button_attach_file:hover {
	/* text-decoration: underline !important;*/
	background-color: Silver; 
	cursor:Pointer;
	/* border-bottom: thin solid #0000EE; */
	/*position:relative; */
	
}

/*
.link_button_new_er:hover {
	color: #000000; 
	text-decoration: underline;
	border-bottom: thin solid #0000EE; 
	padding-bottom:-2; 
	position: relative;
} */

/*
div.menubar table tbody tr td input.link_button_new_er:hover {
	text-decoration: underline;
}
*/

/*---------------==================> User Table <==================---------------*/
.user_info { margin-top: 4px; margin-left: 5%;}
.selected { 	background-color: #CFEFFF; }

select {
/* select:disabled { /*so select boxes will be clearly readable when they are disabled */
	color:#000000;
}


.expanding {

	min-height: 48px;
/*	max-height:150px; */
	overflow-y: auto !important;
	overflow-x: hidden;
/*line-height:20px;  */
 	/* white-space: normal;  /* Prevents IE from accepting line breaks*/
	/*display:table-cell; */
} 

.project-access-select { 	width: 100%; }

.project-access {
	border: none;
	background-color:#C3D6DF;
	margin-top:5px;
}

.info { 	font-size: 1.25em; }

/*---------------==================> Pagination <==================---------------*/
div.pagination {
	padding: 3px;
	margin: 3px;
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
/*	font-weight: bold; */
	font-size: 0.75em; 
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
	 background-color: #DFDFDF;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/*---------------==================> Hover Menus <==================---------------*/
 
ul.topmenu, ul.topmenu ul {
	display:inline;
	margin:0;
	padding:0;
	overflow:visible;
}
ul.topmenu li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	position:relative; 
}
ul.topmenu li ul {
	z-index:1000;
	background-color:#FFFFFF;
	border: 1px solid black;
	display:inline;
	position:absolute;
	left:-2.5em; 
	top: -2.5em; 
	visibility:hidden;
	width:7em; /* width for tall menu */
}
ul.topmenu a { color:#FFFFFF; }

ul.topmenu li ul li {
	color:#000000;
	display:block; /* for tall menu */
}
ul.topmenu li ul li a { 
	text-decoration: underline;
	color:#0000EE; /* actual text for link */
	display:block;
	font-weight: normal; 
}

ul.topmenu li.submenu:hover {	padding-bottom:3em; }
ul.topmenu li.submenu:hover ul { 	visibility:visible; }
ul.topmenu li.submenu:hover ul li { 	margin-bottom:0; }
ul.topmenu li.submenu:hover ul li:hover { 	background-color:#CCCCCC; }

/*---------------==================> Separator for Comments <==================---------------*/
 .comment-separator {
	text-align: center;
	/* background-image: url("./images/comment_separator.gif");  */
	background-repeat: repeat-x;
	color: black; 
	/* color: #FFFFFF;  */
	/* background-color: #858484;  */
	background-color: white; 
}

.comment-text {
	/* border: thick solid blue; */
	text-align: center !important;
	vertical-align: middle !important;
	/*border-top: thin solid white;
	border-bottom: thin solid white;/* #858484 */
	font-size: 1.5em;
	font-weight: bold;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*---------------==================> Readonly <==================---------------*/
.readonly {
	/* select:disabled { /*so select boxes will be clearly readable when they are disabled */
	background-color:#FAFAD2;  
	/* nice background color #FAFAD2; 	swap with background-color: #DFDFDF; */
}

.editable_status2 .readonly ,
.editable_status1 .readonly {
	background-color:#DFDFDF;  
}

/*---------------==================> File Interface <==================---------------*/
.fileinterface, .fileinterface_no_border {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	border:thin solid #858585;
	background-color: #DFDFDF; 	/* FAFAD2 swap with background-color: #DFDFDF; */
	padding-left:6px;
	padding-right:6px; 
	border-top: none;
	float: right;
	text-align: left;
	width: 33%;
} 
.fileinterface_no_border { /* for individual statuses */
	width: 50%;
	background-color: inherit; 	/* FAFAD2 swap with background-color: #DFDFDF; */
	border: none;
} 

.fileinterface_hidden {
	visibility:hidden; 
	max-height:2px;
	overflow: hidden;
	height:auto !important; /*for IE6 */
	height:2px; /* for IE6 */
}

.fileinterface-left {
	float:left;
	white-space:nowrap;
	overflow:hidden;  
}
.fileinterface-right {
	float:right; 
	padding-left:5px;
	margin-left:5px;
}
.fileinterface-bottom {
	/* display:table; */
	width:100%;
	float:left;

}

/*---------------==================> Comms page <==================---------------*/
.comms_indent {
				margin:0; padding:0; 
				}

.comms_indent a{
				position:relative; top:-5px; 
				} 
.comms_node_vline1 {
				position:relative; top:-10px;
				margin-left:30px;
				width:2px; height:27px;  
}
.comms_node_vline2 {
				position:relative; top:16px; left:-6px;
				width:2px; height:27px;  
}
.comms_node_vline_space {
				position:relative; top:-10px; left:-6px;
				width:2px; height:27px;  
}
.comms_node_hline {
				position:relative; 
				top: -10px; left:-10px; 
				width:27px; height:2px;  
}

.edit_meeting_item td { 
    vertical-align:top; text-align:center; padding:5px !important; margin:2px;
     }
    
/*---------------==================> Index page <==================---------------*/
.about_us1 {
    overflow:hidden;
    vertical-align:top; 
     width: 40%; 
    padding:10px;
}

.about_us2 {
   /* overflow:hidden;*/
    vertical-align:top;
    /*max-height:350px;*/
    /*max-width: 45%;*/
    padding:10px;
    padding-left:40px;
    width: 45%;  
}
.about_us2_h1 {
    background-image:url('./images/about-us-background.jpg'); 
    background-repeat:repeat-y;
    background-position: right; 
    /*border-style: solid;*/
    border-bottom-style: solid;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

td.about_us2 h2 {
    color:#CF9440;
    padding-bottom:0px;
    margin-bottom:0px;
}
td.about_us2 p {
    margin-top:5px;
}
td.about_us2 ul li {
    position:relative; left:20px;
    padding-right: 20px;
}
/*---------------==================> Superfish <==================---------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sf-menu li:hover, .sf-menu li.sfHover {
	/* background:		#CFDEFF; */
	outline:		0;
}

.sf-menu-item a:focus , .sf-menu-item a:hover , .sf-menu-item a:active  {
	background:		#CFDEFF; 
	outline:		0;
}



/*---------------==================> Tabs <==================---------------*/
.red { background-color: 	#FF0000; /*red;*/ }
.green { background-color: #008000; /*green;*/ }
.orange { background-color: 	#FFA500; /*orange;*/ }
.yellow { background-color: #FFFF00; /*yellow;*/ }
.purple { background-color: 	#800080; /*purple;*/ }
.blue { background-color: 	#0000FF; /*blue;*/ }
.gray { background-color: 	#808080; /*gray;*/ }

.top_tab a { 
    color: white !important; 
    font-size:1em !important;
    }
/*trying swap color #4F4F4F */

.tab, .next_tab {
	float: left;
	/*clear: both;*/ /* no transparent png in IE6 :( */
	background-image: url("./images/tab_button_left.png");
	background-repeat: no-repeat;
	padding: 0 0 0 15px; 
	margin: 0 0 0 10px; /*5px 0;*/
	color: #4f4f4f;
}
.next_tab {
	margin:0px;
}
.tab a, .next_tab a{
	font-weight: bolder; 
	float: left;
	height: 25px;
	background: url("./images/tab_button_middle.png") repeat-x left top;
	line-height: 25px;
	padding: 0 5px;
	color: #4F4F4F;/*was #fff */
	font-size: 1em;
	text-decoration: none;
	vertical-align:middle;
	font-size:0.9em;
	/*top: 10px; */
}
.tab span, .next_tab span {
	background-image: url("./images/tab_button_right.png");
	background-repeat: no-repeat;
	float: left;
	width: 16px; 
	height: 25px;
}

.error {
    color:red;
}

div.ui-datepicker {
font-size: 80%;

}

.ui-datepicker
{ /* fix for use in facebox */
    z-index: 99999; /* must be > than popup editor (1002) */
}

/*---------------==================> Tabs <==================---------------*/

.basic_link a {
    text-decoration: none; 
    color: black; 
}

.basic_link a:hover {
    text-decoration: underline;
}

/*---------------==================> TreeView <==================---------------*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	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;
}

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

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

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.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, .treeview li.lastExpandable { background-image: url(images/treeview-default.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-red li { background-image: url(images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }