img {display: block}

body {
	background-color:#181818;
	color:white;
	font-family:Arial,sans-serif;
	font-size:13px;
	margin:0pt;
	padding:0pt;
}

h1 {
	font-size: 22px;
}

.clear {
	clear: both;	
}

.tree-table {
	width: 300px;
	height: 579px;	
}

.tree-table tr {
	height: 63px;	
}

.tree-table td {
	width: 55px;	
}

#layout {
	margin:0pt auto;
	max-width: 1240px;
	min-width: 998px;
}

#main {
	background:#181818 none repeat scroll 0% 0%;
	border:1px solid #282828;
	border-bottom: none;
	height: 100%;
	padding: 18px 10px 0px;
}

#feats {
	border:1px solid #282828;
	border-bottom: none;
	background-position:0pt 0pt;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	width:1012px;
}

#feats-trees {
	border-left:1px solid #282828;
	border-bottom:2px solid #282828;
	background-position:0pt 0pt;
	height:579px;	
}

#feats-tree-headers {
	width:1017px;
	height: 15px;
}

.feat-tree-header {
	font-size: 10px;
	float: left;
	width: 329px;
	padding: 0px 3px 0px 5px;
}

.feat-tree-header .left {
	float: left;	
}

.feat-tree-header .right {
	float: right;	
}

.points-text {
	margin-left: 3px;
	margin-right: 10px;
	font-weight:bold;
}

.feat-tree {
	border-right:1px solid #282828;
	width: 329px;
	height: 579px; 
	float: left;
	padding-left: 7px;
}

#feats-info {
	display:block;
	padding: 8px 0pt;
}

#feats-info div {
	float:left;
	padding-left:4px;
	text-align:center;
	width:325px;
}

#feats-info span {
	background-position:left center;
	background-repeat:no-repeat;
	font-size:18px;
	padding:1px 0pt 1px 0px;
}

.feats-list {
	border-top: 1px solid #282828;
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	display:block;
}

.listbox {
	border-bottom:	1px solid #282828;
	border-right:	1px solid #282828;
	border-left:	1px solid #282828;
}

.feats-list div {
	float:left;
	width:335px;
}

.feats-list .feat-list-row {
	border-left: none;
	width: 327px;
	margin-left: 9px;
	font-size:12px;
}

.feats-list .left {
	float: left;
}

.feats-list .right {
	margin-right: 8px;
	float: right;	
}

.right {
	float: right;
}

.left {
	float: left;	
}

#feats-points-info {
	float: right;
	border: 1px solid #504C48;
	background-color:#101010;
	width:100px;
	margin-top: -5px;
	height:30px;
	text-align:right;
	padding-right: 4px;
}

#stat-span {
	width: 80px;
	text-align: right;	
}

#feats-points-info span { 
	font-size: 11px;
}

#feats-points-info .right {
	margin-left: 2px;	
}

#stats {
	display:block;
	text-align:right;
	color:#DDDDDD;
	font-size:14px;
	line-height:1.5em;	
}

.feat-button {
	z-index: 8;
	position: absolute;
	width: 38px; 
	height: 38px;
	float: left;
}

.feat-highlight {
	z-index: 9;
	position: absolute;
	background-image: url(http://static.goonheim.com/images/feats/highlight.png);
	background-position: 0px 50%; 
	height:38px;
	width:38px;
	top: 0px;
}

.feat-rank {
	position: absolute;
	z-index: 9;
	margin: 0px auto;
	height: 20px;
	top: 44px;
}

.feat-req {
	z-index: 1;
	position: absolute;
	display: inline;
}

.featContainer {
	position: relative;
	width: 50px;
	height: 50px;
	margin-top: -10px;
}

.req-x-l {
	background-position:left 0px;
	height: 35px;
	top: 2px;
	background-image: url('http://static.goonheim.com/images/feats/left_arrow_gray.png');
}

.req-x-r {
	background-position:right 0px;
	height: 35px;
	top: 2px;
	background-image: url('http://static.goonheim.com/images/feats/right_arrow_gray.png');
}

.req-y {
	width: 35px;
	top: 2px;
	left: 2px;	
	background-image: url('http://static.goonheim.com/images/feats/down_arrow_gray.png');
	background-position:center bottom;
}

.feat-rank-icon {
	margin: 0 1px 0 1px;
	padding: 0;
	height: 6px;
	width: 5px;
	float: left;
	background-image: url('http://static.goonheim.com/images/feats/numeral.png');	
}

.feat-rank-icon-active {
	margin: 0 1px 0 1px;
	padding: 0;
	height: 6px;
	width: 5px;
	float: left;
	background-image: url('http://static.goonheim.com/images/feats/numeral-active.png');	
}

#nav-wrapper {
	margin: 0px auto;
	width: 1012px;
	margin-bottom: 15px;	
}

#feat-nav {
	background-position:0pt 0pt;
	margin-left: 10px;
	width:815px;
}

.feat-nav span {
	margin-left: 10px;
}

input {
	background: #18385B url(http://static.goonheim.com/images/bubble.png) repeat-x scroll 0% 0%;
	border: 1px solid #fff;
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 5px;
}

.feat-rank-numeral {
	background-image: url(http://static.goonheim.com/images/feats/numeral.png);
	width: 60px; 
	height: 15px;
	margin-top: -7px; 
	margin-left: -10px;
	background-attachment:scroll;
	background-repeat:repeat;
}

#reset-feats {
	text-decoration: underline;
	cursor: pointer;
	background: transparent url(http://static.goonheim.com/images/resetall.gif) no-repeat scroll left center;
	padding-left: 20px;
}

#reset-feats:hover {
	color: #E3FF8F;	
}

.reset-tree {
	cursor: pointer;
}

.reset-tree:hover {
	color: #E3FF8F;	
}

.tree-points:before {
	content: ' (';
}

.tree-points:after {
	content: ') ';	
}

#togLock-feats {
	text-decoration: underline;
	cursor: pointer;
	background: transparent url(http://static.goonheim.com/images/lock.gif) no-repeat scroll -110px center;
	padding-left: 20px;
}

#togLock-feats:hover {
	color: #E3FF8F;	
}

#class-select {
	font-size: 12px;
	height: 20px;
	border: 2px solid #000;
	background-color: #282828;
	color: #fff;	
}

#feat-help {
	clear: both;
	font-size: 14px;
	background-color: #282828;
	border: 1px solid #404040;
	margin-bottom: 20px;
	padding: 8px;
	text-align: center;	
}

#login-action {
	padding: 2px;
	background: #18385B;
	border: 1px solid #fff;
	cursor: pointer;	
}

#login-form {
	min-height: 20px;	
}

.logged_in {
 float: right; 
 margin-top: -5px;
 margin-bottom: 5px;	
}

#savelink {
	margin-left: -20px;
	float: left;
	width: 440px;
}

#save-build, #link-build {
	padding-left: 20px;	
	cursor: pointer;
	border-color:#DDDDDD;
	border-style:solid solid dotted;
	border-width:0px 0px 1px;
}

#save-build {
	background-image: url('http://static.goonheim.com/images/save.png');
	background-repeat: no-repeat;	
}

#link-build {
	background-image: url('http://static.goonheim.com/images/link.gif');	
	background-repeat: no-repeat;	
}

.loading {
	background-image: url('http://static.goonheim.com/images/spinner.gif');
	background-repeat: no-repeat;
	margin: 0px auto;	
}

#feat-soon {
	font-size: 14px;
	background-color: #282828;
	border: 1px solid #404040;
	margin-bottom: 20px;
	padding: 8px;
	text-align: center;	
}

a {
 color: #fff;
}

a:hover {
 color: #E3FF8F;	
}

body {
	padding: 0;
	margin: 0;
}

body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 {
    font: 83% "Lucida Grande", sans-serif;
    line-height: 1.4;
}

.tool-tip {
	color: #fff;
	width: 269px;
	z-index: 13000;
}

.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(http://static.goonheim.com/images/bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://static.goonheim.com/images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.left {
	float: left;
}

#tt-gains {
	color: yellow;	
}

.right {
	float: right;
}

.gain-text {
	color: silver;
	width: 70px;
}

.rank-text {
	color: silver;
	width: 27px;
}

.nextrank-text {
	color: silver;
	width: 58px;
}

.rank, .gain {
	width: 165px;
	margin-left: 5px;	
}

.feat-list-row {
	font-stretch: expanded;
	font-variant: small-caps;
	display: inline;
}

.tier0 {
	color: #FFFFFF;
}

.tier1 {
	color: #F4E3E8;
}

.tier2 {
	color: #E8C6D2;
}

.tier3 {
	color: #DDAABB;
}

.tier4 {
	color: #D28EA4;
}

.tier5 {
	color: #C6718E;
}

.tier6 {
	color: #BB5577;
}

.tier7 {
	color: #B03960;
}

.tier8 {
	color: #990033;
}

.rabidRating {
	margin-right: 30px;
	margin-top: -8px;
	width: 105px;
	float: right;
}

.rabidRating .wrapper {	
	cursor: pointer;
}

.rabidRating .wrapper {
	overflow: hidden;
}

.rabidRating span,.rabidRating .wrapper {
	display: block;
	width: 110px;
	height: 25px;
}

.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.rabidRating .ratingStars {
	display: block;
	background: url('http://static.goonheim.com/images/hearts.png') no-repeat center;
}

.rabidRating .ratingFill {
	background-color: #ff0000;
}

.rabidRating .ratingVoted {
	cursor: default;
	background-color: #0069ff;
}

.rabidRating .ratingActive {
	background-color: #ffa800;
}

.rabidRating .ratingText {
	color: #fff;
}

.rabidRating span {
	margin-left: 0px;	
}

.rabidRating .ratingText.ratingError {
	color: #f00;	
}

.rabidRating .ratingText.loading {
	background: url('http://static.goonheim.com/images/spinner.gif') no-repeat;
	text-indent: -999em;
}