/* Boxes */
div.box-info,
div.box-warning,
div.box-hint,
div.box-download {
	padding-left: 0;
	padding-right: 40px;
	background-position: 100% 0;
}

/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
}

.box-content { padding: 20px; }

.box-info,
.box-warning,
.box-hint,
.box-download { padding-left: 40px; }

/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #fafafa;
	border: 1px solid #ddd;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.box-info {
	background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
}

.box-warning {
	background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #ffd7cd;
}

.box-hint {
	background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #fae6be;
}

.box-download {
	background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;
	border-color: #dce6be;
}


/* box */
.box-content {
  background: #fafafa;
  border: 1px solid #ddd;
}

/*box to highlight some text using the CSS class */
.box-note {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*box with useful information using the CSS class*/
.box-info {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
  border-color: #d2dce1;
}

/*box with important notes and warnings*/
.box-warning {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;
  border-color: #ffd7cd;
}

/*box with additional hints*/
.box-hint {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;
  border-color: #fae6be;
}

/*box with download information*/
.box-download {
  background: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;
  border-color: #dce6be;
}