/* li { display: inline-block; }*/

.cb { clear: both; }
.mainBlock { width: 900px; }

/* FACTION PICKER DIALOG */
#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; 
}

#dialog_error { width: 300px; margin: 30px 250px; border 1px solid #400; background-color: #622; padding: 20px; }
.errorDialogTitle { border-bottom: 1px solid #400; font-weight: bold; color: #200; padding-bottom: 10px; margin-bottom: 10px; }


/* SKILL TREE HEADER VIEW */
#skillTreeHeaderView { text-shadow: #333 0px -1px 0px; height: 63px; overflow: hidden; border-bottom: 1px #888 solid; }
#totalPointsWrapper { float: left; color: #ccc; font-size: 1.2em;  font-weight: bold; padding-top: 7px;}
#instructionsBox { float: left;  color: white; font-weight: bold; width: 300px;padding-top: 7px; margin-left: 360px; margin-right: 75px; }
/* #button_reset { width: 110px; height: 32px; } */
/* #button_changeFaction { position: absolute; top: 67px; left: 377px; width: 100px; height: 32px; } */


/* SKILL TREE VIEW */
#skillTreeView { height: 280px; width: 900px; overflow: hidden; }
/* #ieSucks { width: 4000px; } */
#skillTreeView li, #skillTreeView ul { float: left; }
.pathTitleBlock { font-size: 0.85em; }
.path { margin-bottom: 10px; clear: both; width: 4000px; } /* Because IE is awful */
.path_wrapper { clear: both; white-space: nowrap; } 
.tier_wrapper ul { background-color: #000; overflow: hidden; }
.tierLabel_wrapper { width:20px; color: #ccc; }
.tierWord { font-size: 9px; text-align: center; vertical-align: top; }
.tierNumber { height: 30px; font-size: 24px; margin: 0 4px 0 4px;  text-align: center; vertical-align: top; font-weight: bold; }
.inactiveTier { opacity: 0.5; overflow: hidden; }
.activeTier { opacity: 1;  overflow: hidden;}

.skill_wrapper { width: 240px; font-size: 0.75em; color: #f3d86d; opacity: 0.95 }
.skill_wrapper p { margin: 2px 5px; }
.skill_hilight { background: transparent url(/img/skillTree/backgrounds/bg_hilightedSkill.png) top left repeat-x; }
.inactiveTier .skill_hilight { opacity: 0.9; }
.activeTier .skill_hilight { opacity: 1; }
.firstSkill { width: 220px; }
.skill_cost { float: right; vertical-align: bottom; font-size: .9em; font-weight: bold; }
.skill_name { font-weight: bold; }
.inactiveSkill { opacity: 0.5; }
.activeSkill img { background: transparent url(/img/skillTree/backgrounds/bg_active_skill.png) center center no-repeat; opacity: 1.0; }
.gearSkill { color: #5793c5; }
.weaponSkill { color: #77d879; }

/* Skill Details View */
#skillDetailsView { width: 900px; }
#wrapper_infoBar { text-shadow: #333 0px -1px 0px; height: 36px; overflow: hidden; border-top: 1px #888 solid; border-bottom: 1px #888 solid; width: 100%; }
#wrapper_bottom { height: 220px; overflow: hidden; }
/* #skillDetailsView p { position: absolute; } */
#wrapper_infoBar p { float: left; }
#nameLabel { width: 243px; margin-left: 10px; margin-right: 10px; padding-top: 8px; }
#specialtyLabel { width: 253px;  margin-left: 10px; padding-top: 8px; }
#costLabel { width: 81px; font-weight: bold; font-size: 1em;  margin-right: 89px; padding-top: 8px;}
.labelLabel { color: #999; font-size: 0.85em; font-weight: normal; }

#descriptionLabel { width: 405px; height:190px;  color: #eee; float: left; margin-left: 10px; margin-top: 25px; }
#selSkillImg_wrapper { width: 250px; text-align: center;  height: 150px; float: left; margin-top: 25px; margin-left: 20px;  }