/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* CUSTOM CSS */
.mraz {
	background:url(../images/mraz/bg_mraz_5.jpg);
	width:890px;
	height:770px;
	position:relative;
}

.mrazAlbum {
	position:absolute;
	display:block;
	top:163px;
	left:120px;
	background:url(../images/bg_mraz_album_title.jpg);
	width:248px;
	height:25px;
}

.mrazEvents {
	position:absolute;	
	top:226px;
	left:59px;
	width:570px;
	height:436px;
	overflow:auto;
	color:#FFF;
	background:#000;
}

.mrazSite {
	position:absolute;	
	top:10px;
	right:10px;
	width:200px;
	height:75px;
	overflow:auto;
	color:#FFF;
}


.mrazEvents .padder {
	padding:10px 12px 10px 10px;
}

.mrazEvents h2 {
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
	padding:2px 5px;
}

.mrazEvents h2 a {
	font-weight:normal;
}		

.mrazEvents h2 span {
	font-size:0.7em;
	float:right;
	margin-top:-1.5em;
}		

.mrazEvents p {
	padding:2px 5px;
	font-size:0.8em
}

.mrazEvents a {
	color:#FFC;
}

.mrazEvents a.disabled {
	color:#CCC;
}

.mrazEvents #eventList {
	padding:5px 0 0 5px;
}

.mrazEvents #eventList a {
	font-size:0.8em;
	line-height:1.5em;
}

.mrazThings {
	position:absolute;
	display:block;
	left:10px;
	top:670px;
	width:145px;
	height:87px;
}

.mrazInstructions {
	position:absolute;
	right:37px;
	top:280px;
}

.itemScroller {
	position:relative;
	width:auto;
	margin:7px 5px 15px;
}

.itemScroller .item div {
	border:1px solid #AAA;
}

.mrazEvents #areaCodeList {
	padding:5px 0 15px 5px;
	font-size:0.8em;
	line-height:1.5em;
}

.mrazEvents #areaCodeList a {
}