div.flagset {
  font-weight: bold;
  padding: 5px;
  float: left;
  clear: both;
  max-width: 740px;
}

/*div.flagset.eset, div.flatset.eset div.dis {
  background: #a16a7d;
}*/

div.flagset div {
  margin: 2px;
  padding: 0px 3px 0px 3px;
  background: white;
  font-weight: normal;
  width: 225px;
  display: block;
  float: left;
  cursor: default;
  user-select: none;
  -moz-user-select: none;
}

div.eset div:hover {
  background: #192b19;
}

div.flagset.dset, div.dset div {
  background: gray;
}

div.eset div.sel {
  background: #0e3a0e;
}

#pleasewait {
  padding: 30;
  margin: 40;
  width: 350;
  height: 150;
  border: 1pt solid red;
  font-size: 14pt;
  color: red;
  text-align: center;
}

div.buttonset div {
  border: 0px black groove;
  text-align: center;
  padding: 5px;
}

div.cc_slot div {
  border: 1px #414141 solid;
  text-align: left;
  padding: 2px;
  float: left;
  width: 31%;
  margin: 2px; 
}

div.cc_slot div.dis {
  background: #ccc;
  color: #aaa;
}

div.cc4_slot .cc_header, div.cc2_slot .cc_header {
  padding-bottom: 4px;
  font-weight: bold;
  clear: both;
  display: block;
  color: #ffffff;  
}

div.cc4_slot div, div.cc2_slot div {
  border: 1px #414141 solid;
  text-align: left;
  padding: 2px;
  margin: 2px; 
  user-select: none;
  -moz-user-select: none;
}

div.cc4_slot div {
 float: left;
 width: 23%;
}

div.cc4_slot div.dis, div.cc2_slot div.dis {
 display: none;
}

.rare {
  color: red;
  font-weight: bold;
  vertical-align: super;
  font-size: 70%;
}

.required {
	color: #800;
}

table.attributes-table thead tr td {
	font-size: 120%;
	border-bottom: 2px solid white;
	color: #494AD0;	
}

#attributes-points-remaining {
	padding-right: 25%;
	color: yellow;
	font-weight: bold;
	text-align: right;
}

.attribute-bonus { color: green; }
.attribute-penalty { color: red; }