/* ---- button ---- */

.button {
  display: inline-block;
  padding: 12px 12.8px;
  margin-bottom: 10px;
  background: #D13C21;
  border: none;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  cursor: pointer;
  font-weight:bold;
  outline: 0;
  margin:0px;
}

.button:hover {
  background-color: #D85942;
  color: #FFE1A8;
  box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.1);
}

.button:hover div {
  border-bottom: 1px solid #FFE1A8;
}

.button:active,
.button.is-checked {
  background-color: #D85942;
  color: #FFE1A8 !important;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.1);
  padding-bottom: 1em;
}

.button:active,
.button.is-checked div {
  border-bottom: 1px solid #FFE1A8;
}

.button.is-checked {
  color: white;
}

.button:active {
  box-shadow: inset 0 1px 8px hsla(0, 0%, 0%, 0.3);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right:0;
}

.button-group .button:first-child { border-radius: 0.3em 0 0 0.3em; }
.button-group .button:last-child { border-radius: 0 0.3em 0.3em 0; }

/* ---- grid ---- */

.grid {
width:100%
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 165px;
  height: 325px;
  margin-right: 65px;
  margin-bottom: 19px;
  margin-top:3px;
  border-bottom:1px dotted #C0C0C0;
}

.bds {border-bottom: 1px dotted #eeeeee}

		.tooltip {
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			position: absolute; left: 2em; top: 2.5em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.classic { padding: 1.3em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #fff; color:#9B9B9A; border: 1px solid #DDDDDC; font-weight:bold; font-size:14px}