body {
  background-color: #ccc;
}
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  margin-top: 30px;
  background-color: #fff;
}
.characterTitle_cag {
  background-image: url("../img/galactica_cag_s.png");
  background-size: 28px 30px;
  width: 28px;
  height: 30px;
  display: inline-block;
  margin-top: 10px;
}
.characterTitle_admiral {
  background-image: url("../img/galactica_admiral_s.png");
  background-size: 23px 30px;
  width: 23px;
  height: 30px;
  display: inline-block;
  margin-top: 10px;
}
.characterTitle_president {
  background-image: url("../img/galactica_president_s.png");
  background-size: 22px 30px;
  width: 22px;
  height: 30px;
  display: inline-block;
  margin-top: 10px;
}
.characterTable-name {
  vertical-align: middle;
}
.characterDetail-container {
  background-color: #fff;
  border: 1px solid #000;
  min-width: 480px;
}
tr > td {
  padding: 3px 0px 3px 0px;
}
.characterTableCell {
  text-align: center;
}
.draftSetupContainer {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.draftSetup-submitButton,
.draftSetup-submitButton:focus {
  background-color: #888;
  border: 1px solid #000;
  color: #fff;
  padding: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.draftSetup-submitButton:hover {
  background-color: #8EC0D6;
}
.draftSetup-playerCol {
  text-align: center;
}
.draftSetup-playerColSelected {
  background-color: #efefef;
  border: 1px solid #444;
  font-weight: 700;
}
/* Card styles */
.cardPilot {
  background-color: #c6372c;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 3px 0px 3px 5px;
  padding: 2px 2px 2px 2px;
}
.cardSupport {
  background-color: #5995cf;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 3px 0px 3px 5px;
  padding: 2px 2px 2px 2px;
}
.cardMilitary {
  background-color: #7abc74;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 3px 0px 3px 5px;
  padding: 2px 2px 2px 2px;
}
.cardPolitical {
  background-color: #f9f845;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 3px 0px 3px 5px;
  padding: 2px 2px 2px 2px;
}
.cardCylon {
  background-color: #a7bac0;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 3px 0px 3px 5px;
  padding: 2px 2px 2px 2px;
}
.cardEmpty {
  background-color: white;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin-left: 5px;
  padding: 2px 2px 2px 2px;
}
.characterDetail-nameRow {
  padding-bottom: 10px;
  padding-top: 10px;
}
.characterDetail-nameBox {
  text-align: center;
}
.characterDetail-name {
  font-weight: 700;
}
.characterDetail-abilityBox {
  border-left: 1px solid #000;
}
.characterDetail-abilityTitle {
  font-weight: 700;
  font-size: 0.9em;
}
.characterDetail-abilityText {
  font-size: 0.9em;
}
.characterDetail-oncePerGame {
  border-top: 1px solid #000;
}
.characterDetail-weakness {
  border-top: 1px solid #000;
  background-color: #fee;
}
.characterDetail-setup {
  margin-top: 20px;
  font-size: 0.9em;
  text-align: center;
}
.characterDetail-infoContainer {
  margin-bottom: 20px;
  margin-left: 10px;
}
.characterDetail-drawContainer {
  position: relative;
  right: 0px;
  bottom: 0px;
  margin-right: -15px;
  margin-left: 10px;
}
.characterDetail-expansion {
  font-size: 0.7em;
  text-align: center;
}
.mainmenu-container ul {
  list-style: none;
}
.mainmenu-container ul li {
  margin: 5px 0px 5px 0px;
}
a.mainmenu-button:link {
  border: 2px solid #000!important;
  padding: 4px;
  background-color: #ddd!important;
  color: #000!important;
  text-decoration: none!important;
}
a.mainmenu-button:hover {
  border: 2px solid #000!important;
  padding: 4px;
  background-color: #ddf!important;
  color: #000!important;
  text-decoration: none!important;
}
/*Card Draws */
.drawPolitics {
  font-weight: bold;
  font-variant: normal;
  background-color: #eae5a5;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #ded752;
  text-align: left;
}
.drawLeadership {
  font-weight: bold;
  font-variant: normal;
  background-color: #c9dca5;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #87d04b;
  text-align: left;
}
.drawTactics {
  font-weight: bold;
  font-variant: normal;
  background-color: #cbb5c2;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #956e8b;
  text-align: left;
  position: relative;
  right: 0px;
}
.drawPiloting {
  font-weight: bold;
  font-variant: normal;
  background-color: #c58d7e;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #ba272f;
  text-align: left;
}
.drawEngineering {
  font-weight: bold;
  font-variant: normal;
  background-color: #85a1ac;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #126f8f;
  text-align: left;
}
.drawTreachery {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #b47e4f;
  text-align: left;
}
.drawPoliticsTactics {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #ded752;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#eae5a5), to(#cbb5c2), color-stop(0.7, #c9dca5));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #eae5a5, #cbb5c2 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#eae5a5, endColorStr=#cbb5c2, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eae5a5, endColorstr=#cbb5c2, GradientType=1)";
  text-align: left;
}
.drawLeadershipEngineering {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #87d04b;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#c9dca5), to(#85a1ac), color-stop(0.7, #85a1ac));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #c9dca5, #85a1ac 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#c9dca5, endColorStr=#85a1ac, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9dca5, endColorstr=#85a1ac, GradientType=1)";
  text-align: left;
}
.drawLeadershipPolitics {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #87d04b;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#c9dca5), to(#eae5a5), color-stop(0.7, #eae5a5));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #c9dca5, #eae5a5 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#c9dca5, endColorStr=#eae5a5, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9dca5, endColorstr=#eae5a5, GradientType=1)";
  text-align: left;
}
.drawTacticsLeadership {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #956e8b;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#cbb5c2), to(#c9dca5), color-stop(0.7, #c9dca5));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #cbb5c2, #c9dca5 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cbb5c2, endColorStr=#c9dca5, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbb5c2, endColorstr=#c9dca5, GradientType=1)";
  text-align: left;
}
.drawTreacheryEngineering {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #b47e4f;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#c1b19a), to(#85a1ac), color-stop(0.7, #85a1ac));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #c1b19a, #85a1ac 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#c1b19a, endColorStr=#85a1ac, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1b19a, endColorstr=#85a1ac, GradientType=1)";
  text-align: left;
  float: inherit;
}
.drawTreacheryTactics {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #b47e4f;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#c1b19a), to(#cbb5c2), color-stop(0.7, #85a1ac));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #c1b19a, #cbb5c2 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#c1b19a, endColorStr=#cbb5c2, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c1b19a, endColorstr=#cbb5c2, GradientType=1)";
  text-align: left;
  float: inherit;
}
.drawTacticsPiloting {
  font-weight: bold;
  font-variant: normal;
  background-color: #c1b19a;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #956e8b;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, right top, from(#cbb5c2), to(#c58d7e), color-stop(0.7, #c58d7e));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(left top, #cbb5c2, #c58d7e 70%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cbb5c2, endColorStr=#c58d7e, GradientType=1);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbb5c2, endColorstr=#c58d7e, GradientType=1)";
  text-align: left;
}
.drawUnknownType {
  font-weight: bold;
  font-variant: normal;
  background-color: #DDDDDD;
  border-style: solid;
  border-bottom-width: 1px;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 1px;
  border-color: #AAAAAA;
  text-align: left;
}