@charset "UTF-8";
/* CSS Document */

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

	#accordion li {
		float:left;
		display:block;
		width:286px;
		border-top: #fff 1px solid;
	}

	#accordion li a.leftMenu {
		display: block;
		width: 286px;
		height: 40px;
		outline:none;
		overflow: hidden;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e5e5e5)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #f7f7f7,  #e5e5e5); /* for firefox 3.6+ */
		border-bottom: #ccc 1px solid;
		cursor:default;
		cursor: pointer;
		text-decoration:none;
		text-align:left;
	}
	
	#accordion li a.leftMenu img {
		float:left;
		margin: 8px 0 0 8px
		}
	
	#accordion li a.leftMenu span {
		float:right;
		display:block;
		width: 241px;
		padding: 11px 0 0 0;
		line-height: 16px;
		color: #555;
		font-size: 11px;
		font-weight:bold;
		text-transform: uppercase;		
		text-shadow: #fff 1px 1px 1px;
		}
	
	#accordion li a.leftMenu:hover, .leftOver {
		background:url(../images/leftMenusBG2.png) bottom left no-repeat !important;
		}
	
	
	
	/* Second Level UL List*/
	#accordion ul, #accordion div.showDiv {
		float:left;
		display:block;
		background: #fff;
		width:286px;
		margin:0;
		padding:0;
		display:none;
		border-bottom: 1px solid  #cadee7;
	}
	
		#accordion ul li {
			height:30px;
			background: #f2f8fb;
			border-bottom: 1px dotted #aaa;
		}
		
		/* styling of submenu item */
		#accordion ul li a {
			display:block;
			background: #f2f8fb;
			width:228px;
			height:25px;
			margin-left:20px;
			padding-top:5px;
			text-indent:0;
			color:#08c;
			line-height:16px;
			font-size: 11px;
			text-transform: uppercase;	
			text-shadow: #fff 1px 1px 1px;
			text-decoration:none;
		}
		
		#accordion ul li a:hover {
			background: none !important;
			color: #39f;
			}

		/* remove border bottom of the last item */
		#accordion ul li.last {
			border-bottom: none;
		}	
	
	

.showDiv .innerShowDiv {
	clear:both;
	float:left;
	width:  250px;
	padding: 10px 15px;
	overflow-y: visible;
	overflow-x: hidden;	
	}
	
.showDiv .innerShowDiv .clearRows {
	clear: both;
	float:left;
	width: 250px;
	}
	
.showDiv .innerShowDiv .dots {
	padding:0 0 7px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px dotted #ccc;
	}
	
p.viewAll {
	text-align:right;
	font-size: 11px;
	padding: 0 10px 0 0;
	}