#navMain {
	background: transparent url("../images/navmain-border-sides.gif") left top repeat-y;
	margin-bottom:10px;
}

#navMain a {
	color: #666;
	text-decoration: none;
	height: 100%;	
}

#navMain ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navMain h1 {
	font-size: 13px;
	margin: 0;
	padding: 10px 0px 11px 0px;
	color: #fff;
	text-align:center;
	background: transparent url("../images/title_leftnav.gif") left top no-repeat;
	
}

#navMain h2 {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 12px;
	color: #fff;
	text-align:left;
}


#navMain li {
	height: 100%;
}

#navMain ul.level0{
	background: transparent url("../images/navmain-border-bottom.gif") left bottom no-repeat;

}

#navMain li.level0 {
/*	background:  transparent url("../images/navmain-dotline.gif") left bottom repeat-x;*/
	padding: 0;
	margin: 0;
	background: #b4b4b4;
}


#navMain li.level0.lastitem {
	padding-bottom: 16px;
}


#navMain li.level0.noline {
	background: none;
	padding-bottom: 16px;
}

#navMain li.history {
	padding: 0px;
	font-weight: bold;
	background: none;
}

#navMain li.clear_History {
	float: right;
	padding: 0;
	background: none;
}

#navMain a.level0 {
	display: block;	
	background: transparent url("../images/navmain-bg.gif")  left top no-repeat;
	color: #fff;
	font-weight: bold;
	/*padding: 9px 0 9px 18px;*/
	height: 34px;

}

#navMain a.level0:hover {
	background: transparent url("../images/navmain-hover.gif")  left top no-repeat;	
	text-decoration: none;
	color: #666;
}


#navMain li.level0 a.active  {
	padding: 9px 0 9px 18px;
	background: #fff;
	display: block;
	color:#666;
}

#navMain li.level1 a.active  {
	padding: 2px 3px 5px 13px;
	display: block;
	background:  #ababab url("../images/navmain-bullet.gif") 4px 4px no-repeat;
	color:#fff;
	text-decoration:underline;
}

#navMain ul.level1 {
	padding-top: 15px;
	margin: 0;
}

#navMain li.level1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 6px 3px 5px 3px;
	background: url("../images/navmain-bullet.gif") 7px 10px no-repeat;
}

#navMain li.active {
	background-color: #c3c3c3;
}

#navMain li.active a {
	color: #666;
	background: transparent url("../images/navmain-active.gif")  left top no-repeat;	
	
}

#navMain a.level1 {
	display: block;
	padding-left: 13px;
	padding-right: 5px;
}

#navMain a.level1:hover {
	text-decoration: underline;
	background: #ebebeb url("../images/navmain-bullet.gif") 4px 4px no-repeat;
}

#navMain a.deleteHistory {
	display: block;
	padding-left: 12px;
	padding-top: 2px;
	color: #0000cc;
}

#navMain a.deleteHistory:hover {
	text-decoration: underline;
}

#navMain a.clearHistory {
	color: #0000cc;
	font-size: 9px;
	padding: 0 12px 0 0;
}

#navMain a.clearHistory:hover {
	text-decoration: underline;
}

/* \*/ * html #navMain ul li { height: 1%; } /* */

/* Rounded corner box */

.menuCornerBox {
	width: 185px;
	margin: 0 0 0 10px;
	background: transparent url("../images/menu-corner-bg.gif") left top repeat-y;

}

.menuCornerBox .menucorner-top {
	background: transparent url("../images/border-top.gif") left top no-repeat;
	height: 100%;
	padding-top: 5px;
}


.menuCornerBox .menucorner-bottom {
	background: transparent url("../images/menu-corner-bottom.gif") left bottom no-repeat;
	padding-bottom: 13px;
}

/* Pie Chat Tabs */

#tabsChart {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	background-color:#000099;
}

#tabsChart ul {
	padding: 0px;
	margin: 0px;
}

#tabsChart li {
	padding: 0 2px 0 0;
	margin: 0;
	float: left;
	height: 21px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: url("../images/piechart-tabs.png") left top no-repeat;
	width: 148px;
	list-style: none;
}

#tabsChart a {
	display: block;
	height: 21px;
	text-decoration: none;
	color: #fff;
	padding: 3px 0 0 0;
}

#tabsChart a:hover, #tabsChart a.active {
	color: #000;
}


#tabsGrandTotal a:hover, #tabsGrandTotal a.active {
	background: url("../images/piechart-tabs.png") 0px -21px no-repeat;
}

#tabsAbsentee a:hover, #tabsAbsentee a.active {
	background: url("../images/piechart-tabs.png") 0px -21px no-repeat;
}

#tabsEarly a:hover, #tabsEarly a.active {
	background: url("../images/piechart-tabs.png") 0px -21px no-repeat;
}

#tabsElection a:hover, #tabsElection a.active {
	background: url("../images/piechart-tabs.png") 0px -21px no-repeat;
}

#navRelated {
	float: left;	
	padding: 36px 0 0 0;
	margin: 0;
	width: 200px;
	height: 100%;
}

#navRelated h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background:  transparent url("../images/navmain-dotline.gif") left bottom repeat-x;
	padding: 0 0 2px 15px;
	margin: 0;
}

#navRelated ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navRelated ul.level2 {
	padding: 10px 0 0 0;
	margin: 0;
	background: none;
	font-size: 11px;
}

#navRelated li.level2 {
	padding: 0;
	margin: 0;
	background: none;
}

#navRelated a.level2 {
	display: block;	
	background: none;
	color: #0000CC;
	font-weight: normal;
	padding: 0 0 15px 15px;
}

#navRelated a.level2:hover {
	text-decoration: underline;
	background: none;
}

#navRelated a {
	color: #0000CC;
	padding: 0;
	margin: 0;
}

#navRelated li.active a {
	color: #0000CC;
	background: none;
	text-decoration: underline;	
}