/* loadout css */
.stuffWrapper p { float:left; }
.titleBlock { width: 100%; padding: 10px 5px; border-bottom: 1px solid #333; }
#wrapper_weapons { overflow: hidden; margin: 20px 0px; clear: both; }
#wrapper_primaryWeapon { float: left; width: 425px; margin-right: 50px; clear: both; }
#wrapper_secondaryWeapon { float: left; width: 425px; } 
#bottomLeft { float: left; width: 425px; margin-right: 50px; clear: both; }
#bottomRight { float: left; width: 425px; }
#bottomRight .stuffWrapper, #bottomLeft .stuffWrapper { margin-top: 20px; }
.stuffWrapper { overflow: hidden; }
.itemLabel { width: 300px; padding: 4px 0px; text-align: center; color: #c90; }
.itemCost { width: 75px; background-color: #333;  padding: 4px 0px; text-align: center; }


#availablePointsLabel, #usedPointsLabel, #totalPointsLabel {  text-shadow: #960 0px 0px 5px; font-size: 1.5em; }
.negativePoints { color: #c00; text-shadow: #600 0px 0px 5px;  }
.mainHeader { font-weight: bold; font-size: 1.25em;  text-shadow: #333 0px -1px 0px; background: #000 url(/img/loadoutApp/loadoutMainHeaderBG.gif) left center repeat-x; }
.subHeader {  text-shadow: #333 0px -1px 0px; font-weight: bold; background: #000 url(/img/loadoutApp/loadoutSubHeaderBG.gif) left center repeat-x; }

#pointsAvailableWrapper, #totalPointsUsedWrapper { float: left; margin-right: 20px; font-size: 1em; color: #fc3; }
#totalPointsWrapper { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #630;  overflow: hidden; margin-top: 20px;}

.disabledArrow { opacity: 0.3; filter: alpha(opacity=30); }
/* FACTION PICKER DIALOG */
/* TODO: move this to it's own file */
#factionPickerView { 
  width: 400px; margin: 30px 200px;
  border: 4px double #999; background-color: #000; padding: 20px; text-align: center; 
  overflow: hidden;
}
#factionPickerView h3 { font-size: 2.0em; color: #666; font-weight: bold; margin: 20px 0; }
#sverFactionButton { background: #962 url(/img/skillTree/backgrounds/button_sverFaction.png) left center no-repeat; }
#ravenFactionButton { background: #000 url(/img/skillTree/backgrounds/button_ravenFaction.png) left center no-repeat; }
#valorFactionButton { background: #696 url(/img/skillTree/backgrounds/button_valorFaction.png) left center no-repeat; }
.button_faction { 
  border: 1px solid #666; width: 200px; color: #fff; font-weight: bold; text-shadow: #333 0px -1px 0px; 
  margin: 20px auto; padding: 20px 0 20px 90px; text-align: left; font-size: 1.2em; 
}
#button_changeFaction { float: right; margin: 0; padding: 0; }