.traffic_state_calendar
{
	width:580px;
	margin-bottom:20px;
	page-break-after:always;
	border:solid 4px #00a8ec !important;
}

.traffic_state_calendar td,
.traffic_state_calendar th
{
	border:solid 1px #00a8ec;
}

/* Title */
.traffic_state_calendar caption
{
	padding:3px 0;
	font-size:22px;
	font-weight:bold;
	line-height:normal;
	text-transform:uppercase;
	color:#000;
}

/* Header days */
.traffic_state_calendar th
{
	background-color:#00a8ec;
	color:Black;
	font-size:14px;
	text-transform:uppercase;
}

/* Day */
.traffic_state_calendar .traffic_day
{
	height:65px;
	cursor:pointer;
	color:Black;
	font-size:28px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:10px 2px;
}

/* Details box */
.traffic_day_details
{
	display:none;
	position:absolute;
	top:200px;
	left:200px;
	padding:0px;
	width:380px;
	height:400px;
	background-color:#fff;
	border:solid 4px #00a8ec;
	color:#000;
	z-index:2000;
	text-align:center;
}

.traffic_day_details .iconClose
{
	float:right;
	width:21px;
	height:20px;
	background-image:url(../Img/TrafficState/IcoClose.png);
	background-repeat:no-repeat;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
.traffic_day_details .iconClose.hover
{
	background-position:0 -20px;
}

.traffic_day_details h1
{
	color:#000;
	font-size:24px;
}

.traffic_day_details .img_box
{
	margin-bottom:20px;
}

/* Mask */
html body { _height:100%; /* Fix for < IE7 */ }

.traffic_mask
{
	display:none;
	position:fixed;
	margin:0;
	padding:0;
	z-index:1000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.25;
	filter:alpha(opacity=25);
	background-color:#000;
	
	/* Fix for < IE7 */
	_position:absolute;
	_top: expression( tmpValue = document.documentElement.scrollTop + 'px' );
}