body {
    font-family: 'Segoe UI', sans-serif;
}

.RedGreenList {
    list-style: disc;
}

#PointBuyPriority {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 40%;
}

#CharGenMain tr td{
    border: 1px solid black;
    border-collapse: collapse;
}

#AbilityPriorities {
}

#AbilityEditor {
}

#Str {
    font-weight: bolder;     
    text-align: center;
}

#Dex {
    font-weight: bolder;     
    text-align: center;
}

#Con {
    font-weight: bolder;     
    text-align: center;
}

#Int {
    font-weight: bolder;     
    text-align: center;
}

#Wis {
    font-weight: bolder;     
    text-align: center;
}

#Cha {
    font-weight: bolder;     
    text-align: center;
}

#AbilityTd {
    width: 80px;
    align-content: stretch;
}

.ui-spinner {
    width: 80px;
}

.ui-spinner-input {
}

#AbilityTable th {
    text-align: left;
}

#AbilityTable #AbilityName {
    text-align: left;
}

#AbilityTable td {
    text-align: center;
}


#AbilityTable #PointBuyInput {
    width: 75px;
}

#AbilityTable input {
    width: 50px;
}

#PointBuySortable {
    vertical-align: top;
}

#SelectRace {
    list-style-type: none;
    margin: 0; 
    padding: 0;
    height: 200px;
}

#SelectRace li {
    float: left;
    margin: 3px; 
    padding: 0.4em; 
    height: 18px;
    width: 240px;
}

#SelectRace .ui-selecting {
    background: #FECA40;
}

#SelectRace .ui-selected {
    background: #F39814; 
    color: white; 
}

#SelectableRace label {
    width: 100%;
    font-size: small;
    white-space: nowrap;
    text-align: left;
}

#SelectableFeat label {
    width: 100%;
    font-size: small;
    white-space: nowrap;
    text-align: left;
}

#PointBuyPriority {
    width: 100%;
}

#PointBuyCost {
}

/*#SelectRaceContainer {
    width: 100%;
    height: 100%;
}*/