/* @override 
	http://eyelearn.org/forum/extensions/CategoryIcons/style.css
	http://eyelearn.org/forum/extensions/PanelCategories/style.css
*/

/* Category icons on the discussions page by DraganBabic */
/* Make the .Discussion li relative so that we can absolutely position things within it for Category icons */
/*IE Fix*/
#Categories ul li {
	width: 180px;
}
#Categories li ul li.CategoryDescription {
	padding: 0 0 6px 80px;
}
/**********************/
.Discussion {
	position: relative;
}
.DiscussionCategory {
	width: 80px !important;
	height: 80px !important;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	left: 2px;
}
.DiscussionCategory span {
	display: none;
}
.DiscussionCategory a:link,
.DiscussionCategory a:visited,
.DiscussionCategory a:hover {
	display: block;
	width: 80px !important;
	height: 75px !important;
}
.Category_1 .DiscussionCategory a {
	background: transparent url(images/talk.gif) top left no-repeat;
}
.Category_2 .DiscussionCategory a {
	background: transparent url(images/feed.gif) top left no-repeat;
}
.Category_3 .DiscussionCategory a {
	background: transparent url(images/css.gif) top left no-repeat;
}
.Category_4 .DiscussionCategory a {
	background: transparent url(images/flash.gif) top left no-repeat;
}
.Category_5 .DiscussionCategory a {
	background: transparent url(images/design.gif) top left no-repeat;
}
.Category_6 .DiscussionCategory a {
	background: transparent url(images/flashanim.gif) top left no-repeat;
}
.Category_7 .DiscussionCategory a {
	background: transparent url(images/talkanim.gif) top left no-repeat;
}
.Category_8 .DiscussionCategory a {
	background: transparent url(images/illu.gif) top left no-repeat;
}
.Category_9 .DiscussionCategory a {
	background: transparent url(images/phsh.gif) top left no-repeat;
}
.Category_10 .DiscussionCategory a {
	background: transparent url(images/maya.gif) top left no-repeat;
}
.Category_11 .DiscussionCategory a {
	background: transparent url(images/motion.gif) top left no-repeat;
}
.Category_12 .DiscussionCategory a {
	background: transparent url(images/wp.png) top left no-repeat;
}
/* Follow this pattern to whatever number of categories you have set up */
/* Add paddings for the linked icons */
.CategoryDescription,
.CategoryDiscussionCount,
.CategoryOptions,
#Discussions li ul {

}
ol#Categories ul li.CategoryDiscussionCount {
	margin: -10px 0 0 80px;
}
ol#Categories ul li.CategoryOptions {
	margin: 0 0 0 80px;	
}
li.CategoryDiscussionCount, 
li.CategoryOptions {
	text-align: left;
	padding: 0;
	font-size: .8em;
	font-weight: bold;
	color: #4176ac;
}
ol#Categories ul li.CategoryDiscussionCount span {
	color: #4176ac;	
	font-weight: normal;
}
/* Add the icons to the categories page */
#Categories .Category_1 .CategoryDescription {
	background: transparent url(images/talk.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_2 .CategoryDescription {
	background: transparent url(images/feed.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_3 .CategoryDescription {
	background: transparent url(images/css.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_4 .CategoryDescription {
	background: transparent url(images/flash.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_5 .CategoryDescription {
	background: transparent url(images/design.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_6 .CategoryDescription {
	background: transparent url(images/flashanim.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_7 .CategoryDescription {
	background: transparent url(images/talkanim.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_8 .CategoryDescription {
	background: transparent url(images/illu.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_9 .CategoryDescription {
	background: transparent url(images/phsh.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_10 .CategoryDescription {
	background: transparent url(images/maya.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_11 .CategoryDescription {
	background: transparent url(images/motion.gif) top left no-repeat;
	min-height: 60px;
}
#Categories .Category_12 .CategoryDescription {
	background: transparent url(images/wp.png) top left no-repeat;
	min-height: 60px;
}
/* end Category icon style by DraganBabic */