.download-container {
	min-width:360px;
	background-color: #eee;
}

.center-container .download-container {
	background-color: transparent;
}

figure.item {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 96px;
}
.download-container a {
	text-decoration:none;
	color: #666;
}

.download-container a:hover {
	color: #117;
}

.download-container img {
    width: 92px;
    height: 92px;
    background-color: grey;
}

.download-container div.button-info {
	width: 36px;
	height: 36px;
	float: right;
	background-image: url("/assets/images/buttons/info-b.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -5px;
	margin-right: -7px;
	cursor: pointer;
}

.modal-content .hidden{
	display:none;
}

.download-container div.button-info:hover {
	background-image: url("/assets/images/buttons/info-bw.png");
}

.download-container div.subtext {
	display:none;
}

.caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
}

.modal-content.info {
	padding-bottom: 38px;
}

.modal-content .info-version {
	padding-bottom: 8px;
}

.modal-content .info-content {
	padding-bottom: 32px;
}

.modal-content .button-download {
	height: 32px;
	float:right;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
}

.arrow-right {
	margin-left:36px;
	width:480px;
}
.arrow-right .grad-bar {
	width:80%;
    float: left;
    height: 38px;
    background-color: blue;
	background-image: linear-gradient(to right, white, blue);
}
.triangle-right {
    float: left;
    margin-top: -6px;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 33px solid blue;
	border-bottom: 25px solid transparent;
}
.clearfix{
    clear:both
}