/**
* MooWoW - Armory Scraper
* @revision	$Rev: 58 $
* @author	Diftraku
* @link		http://redmine.project-moocow.net/projects/moowow/
* @license	Creative Commons Attribution-Noncommercial 1.0 Finland License*/

/**
* Common Bits
*/
.progress_wrap {
	background-color: #666;
	border: 1px #FFF solid;
}

.progress_wrap,.progress_bar,.progress_value {
	width: 170px;
	height: 16px;
}

.progress_bar {
	background-color: #9B0000;
}

.progress_value {
	position: absolute;
	top: -4px;
	left: 0px;
	padding-top: 5px;
	color: #fff;
	text-align: center;
	width: 100%;
	font-weight: bold;
}


/**
* Box
*/
#content {
	top: 60px;
}

#armory {
	width: 730px;
	height: 654px;
	position: absolute;
	z-index: 2;
}

/**
* Header
*/
#armory .character {
	position: absolute;
	width: 730px;
	height: 105px;
	color: #FFF;
	background-color: #9B0000;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
}

#armory .character a {
	color: #FFF;
	text-decoration: underline;
}

#armory .character a:hover {
	color: #FFF;
	text-decoration: none;
}

/**
* Avatar
*/
#armory .character .avatar {
	background-color: #000;
	border: 3px #FFF solid;
	position: absolute;
	top: 19px;
	left: 19px;
}

/**
* Header Name
*/
#armory .character a span {
	text-decoration: underline;
}

#armory .character a:hover span {
	text-decoration: none;
}

#armory .character .name_prefix {
	position: absolute;
	top: 12px;
	left: 99px;
	color: #FFF;
	font-size: 18px;
}

#armory .character .name {
	position: absolute;
	top: 27px;
	left: 98px;
	color: #FFF;
	font-size: 28px;
}

#armory .character .name_suffix {
	position: relative;
	left: -3px;
	color: #FFF;
	font-size: 16px;
}

/**
* Header Misc
*/
#armory .character .guild {
	position: absolute;
	bottom: 22px;
	left: 98px;
	font-size: 20px;
	color: #FFF;
}

#armory .character .links {
	position: absolute;
	top: 23px;
	right: 16px;
	font-size: 16px;
	color: #FFF;
}

#armory .character .achievements {
	position: absolute;
	bottom: 8px;
	right: 16px;
	font-size: 32px;
	color: #FFF;
}

#moowow_debug {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 550px;
	font-size: 12px;
	color: #9B0000;
	background-color: #000;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	overflow: auto;
}

/**
* Model Viewer
*/
#armory .model_viewer {
	width: 321px;
	height: 444px;
	position: absolute;
	top: 105px;
}

/**
* Details*/
#armory .details {
	position: absolute;
	top: 105px;
	right: 0px;
	width: 409px;
	height: 444px;
	background-color: #CCC;
}

/**
* Character Detail
*/
#armory .details .header {
	position: absolute;
	height: 32px;
	width: 409px;
}

#armory .details .header .name {
	position: absolute;
	top: 12px;
	left: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #9B0000;
}

#armory .details .header .stat {
	font-size: 18px;
	font-weight: normal;
}

/**
* Talents
*/
#armory .details .talents {
	position: absolute;
	top: 32px;
	width: 409px;
	height: 85px;
}

#armory .details .talents .header {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 16px;
}
#armory .details .talents div.inactive a {
	color: #FFF;
}

#armory .details .talents div.active a {
	color: #9B0000;
}

#armory .details .talents a:hover span {
	color: #CCC;
}

#armory .details .talents div {
	position: absolute;
	top: 28px;
	width: 164px;
	height: 53px;
	background-color: #000;
	-moz-border-radius: 5px;
}

#armory .details .talents img {
	position: absolute;
	top: 5px;
	left: 5px;
	border: 0px;
}

#armory .details .talents .name {
	position: absolute;
	right: 5px;
	top: 5px;
}

#armory .details .talents .points {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#armory .details .talents .primary {
	left: 22px;
}

#armory .details .talents .secondary {
	right: 22px;
}

/**
* Professiona
*/
#armory .details .professions {
	position: absolute;
	top: 117px;
	width: 409px;
	height: 85px;
}

#armory .details .professions .header {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 16px;
}

#armory .details .professions .first, #armory .details .professions .second {
	position: absolute;
	top: 28px;
	width: 164px;
	height: 53px;
	background-color: #000;
	-moz-border-radius: 5px;
	color: #FFF;
}

#armory .details .professions img {
	position: absolute;
	top: 5px;
	left: 5px;
	border: 0px;
}

#armory .details .professions .name {
	position: absolute;
	right: 5px;
	top: 5px;
}

#armory .details .professions .progress_wrap {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#armory .details .professions .progress_value {
	top: -6px;
}

#armory .details .professions .progress_wrap,.progress_bar,.progress_value {
	width: 150px;
}

#armory .details .professions .first {
	left: 22px;
}

#armory .details .professions .second {
	right: 22px;
}

/**
* Achievements
*/
#armory .details .achievements {
	position: absolute;
	top: 202px;
	width: 409px;
}

#armory .details .achievements .header {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 16px;
}

#armory .details .achievements .container {
	position: absolute;
	top: 28px;
	left: 22px;
	width: 365px;
	height: 208px;
	background-color: #000;
	-moz-border-radius: 5px;
	color: #FFF;
	font-size: 16px;
}

#armory .details .achievements .container div {
	position: absolute;
	width: 170px;
	text-align: center;
}

#armory .details .achievements .total {
	position: absolute;
	top: 8px;
	text-align: center;
}

#armory .details .achievements .feat_of_strength {
	top: 8px;
}

#armory .details .achievements div .col1 {
	left: 6px;
}

#armory .details .achievements div .col2 {
	right: 8px;
}

#armory .details .achievements .row1 {
	top: 44px;
}

#armory .details .achievements .container .row2 {
	top: 82px;
}

#armory .details .achievements .container .row3 {
	top: 120px;
}

#armory .details .achievements .container .row4 {
	top: 160px;
}

/**
* Footer
*/
#armory .footer {
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	background-color: #9B0000;
	color: #FFF;
	position: absolute;
	top: 549px;
	width: 730px;
	height: 105px;
}

/**
* Base Stats
*/
#armory .footer .stats {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 341px;
	height: 73px;
}

#armory .footer .stats .header {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 16px;
}

#armory .footer .stats .row1 {
	position: absolute;
	left: 16px;
	top: 26px;
}

#armory .footer .stats .row2 {
	position: absolute;
	left: 16px;
	top: 48px;
}

/**
* Resources
*/
#armory .footer .bars {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 341px;
	height: 73px;
}

#armory .footer .bars .header {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 16px;
}

#armory .footer .bars .resources {
	position: absolute;
	left: 16px;
	top: 26px;
}

#armory .footer .bars .last_updated {
	position: absolute;
	left: 16px;
	top: 48px;
}
/**
* EoF
****/