/***** MAIN styles *****/
body
{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	background-color: #ddd;
	background-image: url(bg_main.png);
	background-attachment: fixed;
	background-repeat:repeat-x;
}
a, a:visited  {color: #06f; text-decoration: none;}
a:hover       {background-color: transparent;}

/***** Styles of cell #LEFT *****/
#left          {width: 250px; padding: 3px 0 0 3px; vertical-align: top;}
#left a:hover  {color: #f00;}
#left .brick
{
	width: 250px;
	margin: 0 0 3px 0;
	padding: 3px;
	border: #bbb 1px solid;
}
#left .brick .name
{
	padding: 2px;
	border: #bbb 1px solid;
}
#left .brick .num
{
	padding: 0;
	margin: 3px 0 0 10px;
}
#left .brick .cur
{
	padding: 0;
	margin: 0 0 0 13px;
	color: #e00;
}
#select
{
	padding: 0;
	margin: 0;
}
#select img
{
	padding: 0;
	margin: 0;
	border: 0;
}

/***** Styles for TREE *****/
#tree
{
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 90%;
}
#tree img {vertical-align: middle; width: 16px; height: 16px;}
#tree .shown  {display: block; margin: 0 0 0 16px;}
#tree .hidden {display: none; margin: 0 0 0 16px;}
#tree .hlight {background-color: #fff;}
#tree a, #tree a:visited  {color: #433;}

/***** Styles of cell #RIGHT *****/
#right {padding: 3px 3px 0 3px; vertical-align: top;}
#right .title
{
	background-color: #eee;
	margin: 0 0 3px 0;
	padding: 3px;
	border: #bbb 1px solid;
	text-align: center;
	font-size: 130%;
}
#right .comment
{
	margin: 0 0 3px 0;
	padding: 3px;
	border: #bbb 1px solid;
	text-align: left;
}
#right .info
{
	background-color: #f9f9f9;
	margin: 13px 10px 3px 10px;
	padding: 6px;
	border: #bbb 2px dashed;
}
#right .info p
{
	margin-top: 5px;
	margin-bottom: 5px;
}
/***** Styles for SEARCH BAR *****/
.search
{
	margin: 0 0 3px 0;
	padding: 3px;
	text-align: center;
	border: solid 1px #bbb;
}
.search form
{
	margin: 0;
	padding: 0;
}
.search input
{
	margin: 1px;
	font-size: 90%;
	vertical-align: middle;
}

/***** Styles for LINK-BAR *****/
.lbar
{
	margin: 0 0 3px 0;
	font-size: 90%;
	clear: left;
}
.lbar .page
{
	float: left;
	background-color: #8a8;
	width: 6px;
	height: 6px;
	margin: 1px;
	overflow: hidden;
}
.lbar .cur_page
{
	float: left;
	background-color: #f00;
	width: 6px;
	height: 6px;
	margin: 1px;
	overflow: hidden;
}
.lbar .page a:visited {background-color: #aca;}
.lbar a:hover         {background-color: #ff0;}

/***** Styles for PIC TABLE *****/
.pics {margin: 0 0 3px 0;}
.pics .cell
{
	padding: 0;
	border: 1px solid #999;
	background-color: #eee;
	margin: 2px;
	float: left;
	overflow: hidden;
}
.pics .prev
{
	position: relative;
	padding: 0;
	background-color: #ccc;
}
.pics .prev img {border: 1px solid #ccc;}
.pics .prev a:visited img {border: 1px solid #00f;}
.pics .prev a:hover img {border: 1px solid #f00;}
.pics .rate
{
	display: none;
	position: absolute;
	left: 2px;
	width: 100px;
	height: 20px;
}
.pics .rate img {border: 0;}
.pics .name
{
    color: #044;
	font-size: 0.8em;
	height: 2.6em;
	overflow: hidden;
	text-align: center;
}