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

/* The toolbar for the content box */

ul#toolbar {
	height: 28px;
	text-align: center;
	list-style: none;
	margin: 0px 0px 0px 58px;
	clear: both;	
	}
	
#toolbar li {
float:left;
	display: block;
	margin: 0px 6px 0px 0px;
	background-position: 7px top !important;
	background-color:#ebebeb !important;
	font: bold 14px 'Lucida Sans',Tahoma, Arial, sans-serif;
	}
	
#toolbar li a {
	height: 28px;
	line-height:28px;
	display:inline-block;
	padding: 0px 8px 0px 28px;
	background-position: right top;
	/*background-image:url(../images/tab_right.gif) ; background-repeat:no-repeat;*/
	text-decoration:none;
	color:#a0a0a0;
	}

#toolbar li a.active {
	background-position: right bottom;
	
	}
	
#toolbar li.active{
	background-position: 7px bottom !important;
	background-color:#c9ecf3 !important;
	height: 28px;

	}
	
	#toolbar li.active a {
	background-position: right bottom;
color:#1797b2 !important;
	}

#toolbar li.inactive {
	background-position: left top;

	}
	
	#toolbar li.inactive a {
	background-position: right top;

	}
	
#toolbar li:hover {
	background-position: 7px bottom !important;
	/*background-color:#c9ecf3 !important; */
	}
	
	#toolbar li:hover a{
	/*background-position: right bottom;*/
	color:#1797b2 ;
	}
		
#toolbar li#allpurpose-tab {

	width: auto;
	background:url(../images/icon_all_purpose.gif) no-repeat;
	}
	
	
#toolbar li#moody-tab {
	
	width: auto;
	background:url(../images/icon_moody.gif) no-repeat;
	}

#toolbar li#workplace-tab {
	
	width: auto;
	background:url(../images/icon_workplace.gif) no-repeat;
	}

#toolbar li#popculture-tab {
	
	width: auto;
	background:url(../images/icon_pop_culture.gif) no-repeat;
	}

#toolbar li#reallytwisted-tab {
	
	width: auto;
	background:url(../images/icon_really_twisted.gif) no-repeat;
	}


	
/* The slide-y content box thingy */

#frame, #frame div.button, #scroller, .section { height: auto; }

#frame {
	overflow: hidden;
	margin: 0;
	width: 541px;
	position: relative;
	height:auto;
	}
	
#frame div.button {
	position: absolute;
	top: 40%;
	}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {
	width: 541px;
	margin: 0;
	background: url(./images/content_pane-gradient.gif) bottom repeat-x;
	overflow: hidden;
	}

#content {
	width: 5250px;
	}
	
.section {
	width: 541px;
	margin: 0px;
	float: left;
	}
	
.section p, .section li {
	margin: 0 0 0 0;
	}

.section li strong {
	font-size: 11px;
	font-weight: normal;
	}

	
#new-pane p, #new-pane li {
	}