#references .content,
#references {	background-color: #e4fad1;	}

#references .content .box {
	width: 680px;
	float: left;
	margin-left: 40px;
}

#references .content .box .boxheader {
	width: 640px;
	background: url(../images/references/boxheader.png) 0 0 repeat-y;
	height: 100px;
	margin: 0;
	padding: 0;
	position: relative;
} 

#references .content .box .boxheader h2 { 
	position: absolute;
	top: 40px;
	left: 40px;
	width: 560px;
	margin: 0;
	padding: 0;
}

#references .content .box .boxheader hr { 
	position: absolute;
	top: 75px;
	left: 40px;
	width: 560px;
}


#references .content .box .boxheader h2 span {
	float: right;
	color: #999;
	font-weight: normal;
}

#references .content .box .boxheader a {
	width: 24px;
	height: 34px;
	display: block;
	position: absolute;
	text-indent: -500px;
	overflow: hidden;
	background-image: url(../images/references/navigator.png);
	background-repeat: no-repeat;
	top: 43px;
}

#references .content .box .boxheader a.next { left: -15px; background-position: 0 0; }
#references .content .box .boxheader a.next:hover { left: -17px; background-position: 0 -34px; }
#references .content .box .boxheader a.previous {  right: -15px; background-position: -24px 0; }
#references .content .box .boxheader a.previous:hover { right: -17px; background-position: -24px -34px; }

#references .content .box .boxcontent {
        /* chrome-ban a kozepso tartalom nem ert ki a szeleig a box-nak: */
	/* width: 560px; */
	padding: 20px 60px 0px 40px;
	background: url(../images/references/boxrepeat.png) 0 0 repeat-y;
	display: table;
        min-height: 620px;
        height: 620px;
} 

#references .content .box .boxcontent p, 
.boxcontent div p,
.boxcontent{
	color: #666666;
}

#references .content .box .boxcontent ul {
	list-style-type: none;
	margin: 20px 0 0px 0;
	padding: 0;
}

#references .content .box .boxcontent ul li {
	padding: 0 0 7px 20px;
	background: url(../images/references/content_bullet.png) 0 2px no-repeat;
}

#references .content .box .boxfooter {
	width: 640px;
	background: url(../images/references/boxbottom.png) 0 0 repeat-y;
	height: 20px;
	margin: 0 0 20px 0;;
	padding: 0;
	position: relative;
} 

#references .content .listing {
	width: 200px;
	float: left;
	margin-left: -1px;
	margin-top: 40px;
}

#references .content .listing ul {
	list-style-type: none;
	width: 200px;
	margin: 0;
	padding: 0;
}

#references .content .listing ul li {
	line-height: 15px;
	font-size: 12px;
	padding: 0px 0 0px 0;
}

#references .content .listing ul li a {
	padding: 10px 0 10px 20px;
	margin: 0px 0 0px 0;
	display: block;
	width: 200px;
	background: url(../images/references/bullet.png) 3px 13px no-repeat;
	cursor: pointer;
}

#references .content .listing ul li.active span{
	background: url(../images/references/selector.png) top right no-repeat;
	padding: 10px 0 0px 66px;
	margin-left: -46px;
	border: 0;
	width: 200px;
	color: #222;
        display: block;
}

#references .content .listing ul li.active span a{ 
	width: 200px;
	background: url(../images/references/selector_bottom.png) bottom right no-repeat;
	margin: 0 0 0px -62px;
	padding: 0 0 10px 62px;
	display: block;
}