/* 
		Menu Stylesheet		:: UNORDERED MENU FRAMEWORK
		--------------------------------------
		Create Date 			:: 02/05/2008
		Author						:: Todd Rumball
		Version:					:: v 0.0001 Alpha
		
*/




/* BASE TEMPLATE */
div.menu ul {
	padding:0px;
	margin:0px;

}

div.menu li ul {
	padding:0px;
	margin-left:10px;

}

div.menu ul li {
	 list-style-type: none;
	 position: relative;
}

div.menu ul li a {
		display:block;
    text-decoration:none;
    color:#000;
    white-space:nowrap;
}

div.menu ul li a:hover {
		display:block;
    text-decoration:underline;
    color:red;
}


/* HORZ TEMPLATE */
ul.horz {
}

ul.horz li {
	float: left;
  padding-right:13px;
  padding-left:13px;
}

ul.horz li a {
white-space:nowrap;
}

ul.horzdiv li {
  background:url("../images/divider.gif") no-repeat right center;
}


/* VERT TEMPLATE */
ul.vert {
	width:150px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;

}

ul.vert li {
}

ul.vert li a {
	width:100%
}

ul.vert li a:hover {
	background-color:#ccc;
	color:#fff;
}

/* TABS TEMPLATE */
ul.tabs {
  margin:0;
  padding:10px 10px 0;
}

ul.tabs li {
  float:left;
  background:url("../images/tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}

ul.tabs li a {
	white-space:nowrap;
  float:left;
  display:block;
  background:url("../images/tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
}

ul.tabs li.selected {
 background:url("../images/tabs/left_on.gif") no-repeat left top;
}

ul.tabs li.selected a
{
  background:url("../images/tabs/right_on.gif") no-repeat right top;
}

/* Expand/Collapse TEMPLATE */
ul.ExpCol {
}

ul.ExpCol li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	width:100%;
}

.ExpCol li.collapsed, .ExpCol li.expanded{cursor:pointer;} 

/* first level */

.ExpCol li, .ExpCol li.collapsed{background:url() no-repeat 5px .4em;} 
.ExpCol li.expanded{background:url() no-repeat 5px .4em;}

/* second level */

.ExpCol li ul, .ExpCol li li{font-weight:normal;}
.ExpCol li li.collapsed{background: url() no-repeat 5px .4em;} 
.ExpCol li li.expanded{background: url() no-repeat 5px .4em;}

/* third level */

.ExpCol li li ul, .ExpCol li li li{}
.ExpCol li li li.collapsed{url() no-repeat 5px .4em;} 
.ExpCol li li li.expanded{url() no-repeat 5px .4em;}

/* fourth level */

.ExpCol li li li li{text-indent:0;margin-left:30px;width:auto;}




/* SUBMENU DEFAULT */
ul li ul {
  }

ul li ul li {
	float:none;
  list-style-type: none;
  margin:0px;
  }
ul li ul li a {
  padding-left:10px;
  }

/* SUBMENU HIDE */
ul.hide li ul {
 	display: none;
 	position: absolute; 
}
  
ul.hide li > ul {
	top: auto;
	left: auto;
}

/* SUBMENU HOVER */
ul.hover li ul {
	padding:0px;
  display: none;
  position: absolute; 
  background-color:#fff;
  border:1px solid black;
  }
ul.hover li > ul {
	top: auto;
	left: auto;
	}

ul.hover li ul li {
	float:none;
  list-style-type: none;
  background:url('');
  padding-left:4px;
  padding-right:4px;
  margin:0px;
  }
	
	
ul.hover li:hover ul { display: block; }  

/* SUBMENU Flyout */
ul.flyout li ul {
	padding:0px;
  display: none;
  position: absolute; 
  left: -3000px;
  background-color:#fff;
  border:1px solid black;
  }
ul.flyout li > ul {
	top: 0;
	left: 150px;
	}

ul.flyout li ul li {
	float:none;
  list-style-type: none;
  background:url('');
  padding:0px;
  margin:0px;
  }
ul.flyout li ul li a {
	white-space:nowrap;
  }
	
	
ul.flyout li:hover ul { display: block;}  	


/* Tree TEMPLATE */
ul.Tree {
}

ul.Tree li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	width:100%;
}

.Tree li.collapsed, .Tree li.expanded{cursor:pointer;} 

/* first level */

.Tree li.collapsed{list-style-image:url(../images/expander/collapsed.gif);} 
.Tree li.expanded{ list-style-image:url(../images/expander/expanded.gif);}
.Tree li { list-style-image:url();}
.collapsed li
{
	display:none;
}
.expanded ul
{
	display: block;
}

/* HORZ TEMPLATE */
ul.rmHorizontal {
}

ul.rmHorizontal li {
	float: left;
  padding-right:13px;
  padding-left:13px;
}

ul.rmHorizontal li a {
white-space:nowrap;
}

ul.rmHorizontal li {
  background-color:#2C7CCB;
}