#idx {
	display: table; 
	margin: 0 auto; 
	width: 880px;
}
#idx_books, #idx_right {
	display: table-cell;
	padding-top: 10px;
	vertical-align: top;
}
#idx_books {
	border-right: 1px solid #aaaaaa;
	width: 279px;
}
#idx_books.hover {
	background-color: #fcfcfc;
	width: 399px;
}
#idx_right {
	width: 600px;
}
#idx_right.hover {
	width: 480px;
}
#idx_tags {
	margin-top: 20px;
	text-align: center;
}
a {color: #1560dd;}
a.tag2 {
	font-size: 13px;
}
a.tag3 {
	font-size: 14px;
}
a.tag4 {
	font-size: 14px;
	font-weight: bold;
}
a.tag5 {
	font-size: 16px;
	font-weight: bold;
}
a.tag6 {
	font-size: 18px;
	font-weight: bold;
}

table.idx_right_row {
	margin-left: 20px; 
	width: 100%;	
}
td {
	vertical-align: top;
}
td.left {
	text-align: left;
}
td.right {
	text-align: right;
}
div.idx_book {
	float: left; 
	height: 169px; 
	margin: 10px 0px 0px 8px;
}
div.idx_book img {
	background: url(/gfx/book_bg.gif); 
	height: 147px; 
	padding: 6px;
	width: 103px; 
}
div.idx_book div.progress * {
	float: left; 
	font-size: 1px; 
	height: 5px; 
	line-height: 4px;
}
div.idx_book div.progress {
	background: #e5e4e4; 
	cursor: help; 
	display: block; 
	font-size: 1px; 
	height: 5px; 
	line-height: 4px; 
	margin-bottom: 1px; 
	width: 115px;
}
div.idx_book div.progress div.green {
	background: #53da2f;
}
div.idx_book div.progress div.red {
	background: #ee0404;
}
div.idx_book div.progress div.orange {
	background: #ffd614;
}
div.invisible {
	display: none;
}

div.hr {background: url(/gfx/border_dot_down.gif) repeat-x; border: 0px; height: 5px; display: block; margin: 0 auto; width: 95%;}

span.green {color: #2ec027;}
span.red {color: #e72a0b;}
a.big {font-size: 16px; font-weight: bold; margin-left: 10px;}