/*********************** Empire Character Creation ************************/

#EmpireGroupCreation .WizardStageLink.Horizontal {
    height: 500px;
}

#EmpireCharacterCreation .WizardStageLink.Horizontal {
    height: 530px;
}

#EmpireCharacterCreation .WizardLeftColumn, #EmpireGroupCreation .WizardLeftColumn {
  width: 40%;
}

#EmpireCharacterCreation .WizardRightColumn, #EmpireGroupCreation .WizardRightColumn  {
  width: 50%;
}

#EmpireCharacterCreation .VerticalWizard .innerWizardPanel {
  margin-left: 0;
  margin-right: 0;
}

select:disabled {
  opacity: 50%;
}

.stepInstructions {
  height: 38px;
}

#carousel1 {
  margin: -5px 0 0 -15px;
}

.carouselSelection a.help {
  margin: 0 10px 0 4px;
}

div.feedbackError .feedbackPanel, div.feedbackWarning .feedbackPanel {
  clear: none;
}

.chosenNationImageDiv {
  margin-left: 10px;
  width: 240px;
}

.chosenNationImage {
  height: 260px;
  margin: 0 auto;
  display: block;
}

/***************************** Skills ******************************/

.Vertical.WizardStep div.contentPanel {
    padding: 0;
}

.VerticalWizard a.help img {
    position: absolute;
    top: -2px;
    right: -2px;
}

#EmpireCharacterCreation .Horizontal.WizardStep div.VerticalWizard {
    float: right;
    width: 322px;
}

.Horizontal.WizardStep .VerticalWizard .Vertical.WizardStep {
    width: 100%;
    margin: 0 0 5px 0;
}

.ChoiceBox {
    margin: 7px 0 3px 0px;
    float: left;
    width: 78px;
    text-align: center;
    position: relative;
}

.ChoiceBox .skillIcon {
    display: block;
    margin: 0 15px;
    height: 48px;
    width: 48px;
}

.tick {
    top: 8px;
    left: 20px;
}

.number {
    top: 9px;
    left: 21px;
}

.tick, .number {
    opacity: 0.9;
    position: absolute;
    width: 36px;
}

.ChoiceBox span, .ChoiceBox p {
    margin: 3px 0 0 0;
    line-height: 1;
    font-size: 0.8em;
    display: block;
}

div.skillList {
    width: 190px;
    margin-left: 40px;
}

div.skillList table {
    width: 100%;
    border: 2px solid #336699;
    border-spacing: 0;
    border-collapse: separate;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

div.skillList thead th:first-child {
    width: 80%;
}

div.skillList table td {
    color: #336699;
    padding: .05em .35em;
}

div.skillList .numberColumn {
    text-align: center;
}

div.skillList table th {
    background-color: #336699;
    color: white;
    font-weight: bold;
    padding: .2em .35em .25em;
}

/****************************************** Options *********************************************/

#EmpireCharacterCreation select.Inactive {
  opacity: 0.3;
}

#EmpireCharacterCreation #optionwizard {
  width: 352px;
}

#territoryBox Select {
  width: 200px;
}

.resourceWithSelect Select, .territorySelect Select {
    margin-top: 16px;
    float: left;
    width: 94px;
    margin-right: 5px;
}

.resourceWithSelect span, .territorySelect span {
  display: block;
  width: 78px;
  float: left;
}
.resourceWithSelect .ChoiceBox, .territorySelect .ChoiceBox {
    width: 66px;
}

.optionSelector {
    width: 115px;
    float: right;
    margin-top: 12px;
}

#territoryBox .ChoiceBox,#resourceOption .ResourceOption {
  margin-right: 5px;
  margin-left: 5px;
}

.SpellOption, .RitualOption, .RecipeOption, .ItemOption {
  width: 171px;
}

.SpellOption .skillIcon, .RitualOption .skillIcon, .RecipeOption .skillIcon, .ItemOption .skillIcon {
  margin: 0 4px;
  float: left;
}

.Vertical.WizardStep  div.feedbackError, .Vertical.WizardStep  div.feedbackWarning {
  margin: 0 5px 0 5px;
}

.Vertical.WizardStep div.feedbackPanel, .Vertical.WizardStep  ul.feedbackPanel {
  padding-right: 5px;
  margin-right: 0;
}

#OptionsWizardStep .stepInstructions {
  width: 260px;
}

/******************************* Details ***************************************************/

.DetailsOption .optionSelector {
  width: 206px;
  float: left;
  margin-top: 19px;
}

.standardForm .smallTextPanel label {
  width: auto;
  text-align: left;
  float: none;
  padding: 0; 
}

input[type=text].optionInput {
  width: 180px;
  float: left;
  margin-top: 19px;
}

.smallTextPanel {
  font-size: 0.8em;
  width: 92%;
  margin-top: 8px;
  margin-bottom: 2px;
}

textarea.question {
  width: 100%;
  height: 62px;
  margin-top: 2px;
}

textarea.background {
  width: 100%;
  height: 251px;
  margin-top: 4px;
}

.saveBox {
  position: absolute;
  top: 403px;
  left: 282px;
}

/********************************* Groups ************************************/

.copyBox {
  width: 236px;
}

.copyBox .ChoiceBox {
  margin-top: 0px;
}

#EmpireGroupCreation #BandTypeOptions {
  width: 362px;
}

#mainICGoals, #EmpireCharacterCreation #question1 {
  margin-bottom: 10px;
}

.bandOption {
  width: 340px;
}

.bandOption .ChoiceBox .skillIcon {
  margin: 0 5px;
}

.bandOption .ChoiceBox {
  width: 58px;
  margin-right: 10px;
}

#BandTypeOptions textarea {
  width: 335px;
}

.secretOption p {
  float: left;
  width: 200px;
  display: block;
  margin: 0 0 10px 15px;
}

/***************************** Spend XP *********************************/

#EmpireXpSpend .Horizontal.WizardStep.Empire {
    width: 938px;
}

#EmpireXpSpend #optionwizard {
  width: 202px;
}

#EmpireXpSpend .WizardLeftColumn {
  float: left;
  width: 280px;
}

#EmpireXpSpend .WizardCentreColumn {
  float: left;
  width: 322px;
}

#EmpireXpSpend .WizardRightColumn {
  margin-left: 20px;
  float: left;
  width: 236px;
}

#EmpireXpSpend .WizardStageLink.Horizontal {
  height: 508px;
}

#pageContent .ajaxIndicator {
  margin-top: 15px;
}

.buttonLink {
  margin: 0 0 0 87px;
}

#EmpireXpSpend .buttonLink {
  margin: 0 0 0 42px;
  width: 70px;
}

#EmpireXpSpend a.buttonLink {
  width: 50px;
}

#EmpireXpSpend .VerticalWizard .innerWizardPanel {
  margin-left: 0;
  margin-right: 0;
}

#EmpireXpSpend .WizardRightColumn .ChoiceBox {
    width: 223px;
}

#EmpireXpSpend .WizardRightColumn .optionSelector {
  float: left;
  width: 156px;
}

#EmpireXpSpend .WizardRightColumn .skillIcon {
  margin: 0 8px 0 10px;
}

/************************** Group Creation *******************/

#BandTypeOptions label {
  width: auto;
}