div.roadmap_container {
	width:704px;
	height:298px;
	overflow: hidden;
	background: transparent url(../img/default/store/roadmap_container_bg.jpg) 0 0 no-repeat scroll;
	padding: 1px;
	position: relative;
}
div#roadmap_inlay {
	width: 2880px;
	height: 298px;
	background: transparent url(../img/default/store/roadmap_inlay_bg.png) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#grabme {
	height:298px;
	width:704px;
}
div.ver_xoo, div.ver_oxo, div.ver_oox {
	height:50px;
	width: 100%;
}

div.frmwrk, div.xtr, div.ftr_frz, div.ftr_vot {
	height:30px;
	width: 100%;
}

div.connect {float: left; width: 119px; height: 33px; background: transparent url(../img/default/store/shopware_connect.png) 0 0 no-repeat; text-indent: -9999em;}

div.event { float: left; display: inline; padding: 0px;}

div.month {height:30px;}
div.month p { float: left; width: 109px; padding: 0px 5px; text-align: center; color:#468098; font-size: 11px; font-weight: bold; line-height: 30px; height: 30px; border-right: 1px dotted #468098; }

/* MAJORRELEASE STYLES */
div.ver_xoo div.event {
	width: 40px;
	height: 20px;
	background: transparent url(../img/default/store/roadmap_xoo_bg.png) center center no-repeat;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
div.ver_oxo div.event {
	width: 40px;
	height: 20px;
	background: transparent url(../img/default/store/roadmap_xoo_bg.png) center center no-repeat;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
div.ver_oox div.event {
	width: 40px;
	height: 20px;
	background: transparent url(../img/default/store/roadmap_xoo_bg.png) center center no-repeat;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* OTHER EVENTS */

div.frmwrk div.event, div.xtr div.event, div.ftr_frz div.event, div.ftr_vot div.event {
	width: 115px;
	background: transparent url(../img/default/store/roadmap_label_bg.png) 0 0 no-repeat;
	height: 25px;
	margin: 5px 5px 0px 0px;
	
}
div.frmwrk div.event span, div.xtr div.event span, div.ftr_frz div.event span, div.ftr_vot div.event span {
	background: transparent url(../img/default/store/roadmap_label_bg.png) 100% 0px no-repeat;
	padding: 3px 5px;
	height: 19px;
	margin-left: 5px;
	margin-right: -5px;
	display: block;
	font-size: 11px;
	line-height: 19px;
}

div.xtr div.event {background-position: 0px -84px;}
div.xtr div.event span {background-position: 100% -84px; color: #fff;}
div.frmwrk div.event {background-position: 0px -56px;}
div.frmwrk div.event span {background-position: 100% -56px; color: #fff;}
div.ftr_frz div.event {background-position: 0px 0px;}
div.ftr_frz div.event span {background-position: 100% 0px; color: #5c3c00;}
div.ftr_vot div.event {background-position: 0px -28px;}
div.ftr_vot div.event span {background-position: 100% -28px; color: #286a00;}


/* ROADMAP SLIDER */
a.roadmap_slide {
	width: 37px;
	height:130px;
	display: block;
	position: absolute;
	z-index: 4;
	background: transparent url(../img/default/store/roadmap_slider_bg.png) 0px 0px no-repeat;
}
a.roadmap_slide.left {
	background-position: 10px 0px;
	top:85px;
	left:-37px;
}
a.roadmap_slide.left:hover { background-position: 5px 0px;}
a.roadmap_slide.right {
	background-position: -94px 0px;
	top:85px;
	right:-37px;
}
a.roadmap_slide.right:hover { background-position: -89px 0px;}

/* ROADMAP LEGEND */

div.roadmap_legend {
	
}
div.roadmap_legend ul {padding: 10px;}
div.roadmap_legend ul li {
	padding: 5px 0px 5px 30px;
	background: transparent url(../img/default/store/label_legend.png) 0 0px no-repeat;
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	margin: 3px;
	float: left;
	width: 160px;
}
div.roadmap_legend ul li.orange {background-position: 0px 0px;}
div.roadmap_legend ul li.green {background-position: 0px -28px;}
div.roadmap_legend ul li.blue {background-position: 0px -56px;}
div.roadmap_legend ul li.red {background-position: 0px -84px;}
div.roadmap_legend ul li.purple {background-position: 0px -112px;}

.modal {
	position:fixed !important;
	padding:10px !important;
}