div.statistic-table {
	background-color:#EAEAEA;
	width: 35%;
	min-width: 350px;
	float: left;
	color: #1E377A;
	font-size: 10px;
	text-align: center;
	padding:5px;
	padding-bottom: 15px;
}

div.statistic-table .container {
	width:100%;
	position:relative;
	display:block;
}

div.statistic-table .inner {
	width:100%;
	display:block;
	color: #1E377A;
	font-weight: bold;
}

div.statistic-table .inner-dots {
	background: url(images/dots.gif) repeat-x bottom;
	/* This is the way how browser should draw dotted border
	But we have to use image in order to draw border correctly with IE*/
	border-bottom:dotted 1px #696C72;
	width:100%;
	display:block;
	padding-bottom: 1px;
}

div.statistic-table .left {
	background-color:#EBECF3;
	top:2px;
	left:0px;
	position:relative;
	float:left;
}

div.statistic-table .right {
	background-color:#EBECF3;
	top:2px;
	right:0px;
	position:relative;
	float:right;
}

div.statistic-table .clear {
	clear:both;
}

div.statistic-table  a {
	color: #1E377A;
	font-weight: bold;
	text-decoration: none;
}

div.statistic-table  a:hover {
	text-decoration: underline;
}

div.statistic-table .today {
	color: #62BD18;
	font-weight: bold;
}

div.statistic-table .today a {
	color: #62BD18;
	font-weight: bold;
}