/* Table of Contents Creator v1.6.2 */

/* Classes that may be used for formatting purposes. Note text between angle brackets is optional
any may be used to format individual items. Also note that spaces shown between class and division 
identifiers are important. Finally, "theme" should be replaced with the icon theme name.

use: "#tocc" to apply default format to all items
use: "#tocc<.theme> <.page> .active" to format active page
use: "#tocc<.theme> <.page or .blog_cat> .has_child" to format parent items
use: "#tocc<.theme> <.page or .blog_cat or .forum> <page_title or blog_cat_title>.root" to format root items (those displayed in first column)
use: "#tocc <.blog_post or .forum> .more" to format more prompt text or image
use: "#tocc <.blog_post or .page or .forum> .author" to format author text
use: "#tocc <.blog_post or .page or .forum> .date" to format date text
use: "#tocc <.blog_post or .page> .misctext" to format miscellaneous text (such as number of posts)
use: "#tocc <.blog_cat_title or .blog_post_title or .page_tile or .link_title or .forum_title>" to format individual title types
use: "#tocc .options" to format option menu
use: "#tocc .options ul ul" to format options drop down menu
use: "#tocc .footer" author acknowledge footer
use: "#tocc.has_icons" class is active only if an icon theme is selected
use: "#tocc .summ_icon<.summ_up or summ_down>" summary icon
use: "#tocc <.blog_post or .page> .summ_body" to format the summary text
use: "#tocc.has_expansion" class is active only if expand/collapse child elements selected
use: "#tocc .expand_icon<.expand_up or .expand_down><.hover>" expand/collapse icon
use: "#tocc<.theme>. <.page or .blog_cat or .blog_post or .forum or .summ_icon>" themed icon
*/

/* General */

#tocc a {
	text-decoration:none; 
	margin:10px 0 10px 0; 
	background-image: none;
}
#tocc a:hover {
	text-decoration: underline;
}
#tocc p {
	margin:0;
	padding:0;
}
#tocc .footer {
	font-size:75%;
}

#tocc .misctext {
	font-style: italic !important;
	font-size: 90% !important;
}

#tocc .more {
	background-image: none !important;
}

/* Clear existing li and ul icons and styling */

#tocc.has_icons ul li:before, #tocc .options ul li:before {
	content:"" !important;
	clear:both !important;
	list-style-type:none !important;
}
#tocc.has_icons ul, #tocc .options ul {
	list-style: none !important;
	list-style-type:none !important;
}
#tocc.has_icons li, #tocc .options li {
	list-style-type:none !important;
	background-repeat:no-repeat !important;
	background-position:top left !important;
	background-image:none;
}

/* Icon Formatting */

#tocc.has_icons ul {
	margin:0;
	padding:0;
}
#tocc.has_icons li {
	margin:10px 0 10px 0;
	padding:0 0 0 30px;
	min-height:20px; 
}

/* Summarizer */

#tocc .summ_icon {
	cursor:pointer; 
	border:0 none; 
	padding:0; 
	margin:0 0 0 8px;
	vertical-align:text-bottom;
	height: 16px; 
	width: 16px;
	display: -moz-inline-box;
	display: inline-block;
	background: transparent url("icons/summary-icon.png") no-repeat center top;
}
#tocc .summ_icon.summ_down {
	background-position: center -16px !important;
}
#tocc .summ_icon.summ_up {
	background-position: center -32px !important;
}
#tocc .summ_body {
	font-size:85%;
	font-style: italic;
}

/* Options */

#tocc .options {
	margin:0;
	text-align:right;
}
#tocc .options ul {
	float:right;
}
#tocc .options ul ul {
	display:none;
	z-index:500;
	border-style:solid;
	border-width:1px;
	padding:4px;
	margin: 0 !important;
	text-align:left;
	float:none;
}
#tocc .options li.separator {
	border-top-style:solid;
	border-top-width:1px;
	font-size:1px;
	margin: 2px 0 2px 0;
}
#tocc .options ul ul li {
	margin:0;
	padding:0;
	list-style-type:none !important;
	white-space:nowrap;
	min-height:0;
	height:auto;
}

/* List Exapander */

#tocc.has_expansion ul {
	margin:16px !important;
}
#tocc .expand_icon {
	cursor:pointer; 
	border:0 none; 
	padding:0; 
	margin:0;
	margin-left:-47px;
	vertical-align:text-bottom;
	height: 16px; 
	width: 16px;
	float:left;
	background: transparent url("icons/expand_icon.png") no-repeat center top;
}
#tocc .expand_icon.hover {
	background-position: center -16px !important;
}
#tocc .expand_icon.expand_up {
	background-position: center -32px !important;
}
#tocc .expand_icon.expand_up.hover {
	background-position: center -48px !important;
}

/* Icon Sets */

#tocc.blue .page {background-image:url("icons/blue/img_page.gif");}
#tocc.blue .page .link {background-image:url("icons/blue/img_link.gif");}
#tocc.blue .blog_cat {background-image:url("icons/blue/img_blog_cat.gif");}
#tocc.blue .blog_post {background-image:url("icons/blue/img_blog_post.gif");}
#tocc.blue .forum {background-image:url("icons/blue/img_forum.gif");}
#tocc.blue .summ_icon {background-image: url("icons/blue/summary-icon.png");}

#tocc.handdrawn .page {background-image:url("icons/handdrawn/img_page.gif");}
#tocc.handdrawn .page .link {background-image:url("icons/handdrawn/img_link.gif");}
#tocc.handdrawn .blog_cat {background-image:url("icons/handdrawn/img_blog_cat.gif");}
#tocc.handdrawn .blog_post {background-image:url("icons/handdrawn/img_blog_post.gif");}
#tocc.handdrawn .forum {background-image:url("icons/handdrawn/img_forum.gif");}
#tocc.handdrawn .summ_icon {background-image: url("icons/handdrawn/summary-icon.png");}

#tocc.square .page {background-image:url("icons/square/img_page.gif");}
#tocc.square .page .link {background-image:url("icons/square/img_link.gif");}
#tocc.square .blog_cat {background-image:url("icons/square/img_blog_cat.gif");}
#tocc.square .blog_post {background-image:url("icons/square/img_blog_post.gif");}
#tocc.square .forum {background-image:url("icons/square/img_forum.gif");}
#tocc.square .summ_icon {background-image: url("icons/square/summary-icon.png");}

#tocc.bling .page {background-image:url("icons/bling/img_page.gif");}
#tocc.bling .page .link {background-image:url("icons/bling/img_link.gif");}
#tocc.bling .blog_cat {background-image:url("icons/bling/img_blog_cat.gif");}
#tocc.bling .blog_post {background-image:url("icons/bling/img_blog_post.gif");}
#tocc.bling .forum {background-image:url("icons/bling/img_forum.gif");}
#tocc.bling .summ_icon {background-image: url("icons/bling/summary-icon.png");}

#tocc.professional .page {background-image:url("icons/professional/img_page.png");}
#tocc.professional .page .link {background-image:url("icons/professional/img_link.png");}
#tocc.professional .blog_cat {background-image:url("icons/professional/img_blog_cat.png");}
#tocc.professional .blog_post {background-image:url("icons/professional/img_blog_post.png");}
#tocc.professional .forum {background-image:url("icons/professional/img_forum.png");}
#tocc.professional .summ_icon {background-image: url("icons/professional/summary-icon.png");}