#bar {
	background-image:url(bar/bar.png);
	background-position:right top;
	background-repeat:no-repeat;
	bottom:-60px;
	height:60px;
	left:0px;
	padding-left:5px;
	padding-right:20px;
	position:fixed;
	z-index:30;
}
#bar * {
	font-family:Verdana, Geneva, sans-serif;
}

#bar .reduce {
	background-image:url(bar/reduce.png);
	background-repeat:no-repeat;
	cursor:pointer;
	height:60px;
	position:absolute;
	right:11px;
	top:0px;
	width:10px;
}
#bar .reduce:hover {
	background-position:0px -60px;	
}

#bar .section {
	background-image:url(bar/section.png);
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline;
	float:left;
	margin-left:3px;
	margin-right:3px;
}
#bar .section:hover .section_right {
	color:#cc8b0e;
}
#bar .section .section_right {
	background-image:url(bar/section.right.png);
	background-position:top right;
	background-repeat:no-repeat;
	color:#5e5e48;
	font-size:10px;
	height:60px;
	margin-left:10px;
	padding-right:10px;
	padding-top:12px;
	text-align:center;
}
#bar .section .section_right img {
	margin-bottom:5px;
}

#bar_enlarge {
	background-image:url(bar/enlarge.png);
	background-repeat:no-repeat;
	bottom:0px;
	cursor:pointer;
	display:none;
	height:30px;
	left:10px;
	position:fixed;
	width:50px;
	z-index:30;
}
#bar_enlarge:hover {
	background-position:0px -30px;	
}

#bar_extension {
	bottom:60px;
	position:fixed;
	z-index:100;
}
#bar_extension * {
	font-family:Verdana, Geneva, sans-serif;	
}
#bar_extension .top {
	background-image:url(bar/extension.top.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#bar_extension .top_right {
	background-image:url(bar/extension.top.right.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:10px;
	margin-left:5px;
	padding-right:5px;
}
#bar_extension .bottom {
	background-image:url(bar/extension.bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#bar_extension .bottom_right {
	background-image:url(bar/extension.bottom.right.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-left:5px;
	max-width:850px;
	padding-bottom:10px;
	padding-right:5px;
}
#bar_extension .bottom_right h2 {
	background-image:url(bar/extension.bottom.right.h2.png);
	background-repeat:repeat-x;
	border:#b7b7a1 1px solid;
	color:#565656;
	font-size:12px;
	margin-left:4px;
	margin-right:4px;
	padding:5px;
}
#bar_extension .bottom_right div, #bar_extension .bottom_right p, #bar_extension .bottom_right span, #bar_extension .bottom_right td {
	color:#444444;	
}

#bar_extension .bottom_right .item {
	background-image:url(bar/extension.bottom.right.item.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:3px;
}

#bar_extension .bottom_right .item_right {
	background-image:url(bar/extension.bottom.right.item.right.png);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:11px;
	height:25px;
	line-height:23px;
	margin-left:7px;
	padding-left:5px;
	padding-right:7px;
}
#bar_extension .bottom_right .item:hover {
	background-position:left -25px;	
}
#bar_extension .bottom_right .item:hover .item_right {
	background-position:right -25px;	
}
#bar_extension .bottom_right .section {
	border:transparent 1px solid;
	cursor:pointer;
	display:inline;
	float:left;
	height:60px;
	padding:5px;
	width:100px;
}
#bar_extension .bottom_right .section:hover {
	background-image:url(bar/extension.bottom.right.section.hover.png);
	border:#b2d1f8 1px solid;	
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}
#bar_extension .bottom_right .section .ico {
	margin-bottom:5px;
	text-align:center;	
}
#bar_extension .bottom_right .section .str {
	display:table-cell;
	font-size:11px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	width:120px;
}