/* CSS Document */
/**************************************************
	Table of Contents
**************************************************
	RESET
	BASIC HTML TAGS
		Header Subtext
	FRAME CLASSES
		Frame 60x80
		Frame 150x200
		Frame Ornate 130x130
		Frame Ornate 60x60
		re-usable stickers
	MISC CLASSES & IDs
	SPRITE BUTTONS & SOUND BED
		Ratings [MOVE?]
	LAYOUT
		Top Menu
			User Menu
			Facebook Login Button Mask
			Employees Menu
			Global Menu
			Log-in Form
		Page
		Content area on a full page
	REUSABLE COMPONENTS
		Brief
		Item Brief
		Brief Race & Class Restrictions
		Details Toggle
		Header with Icon
		Race & Class Icons (Small)
**************************************************/

/**************************************************
	RESET
**************************************************/
html {     
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
}
html, body {
	padding: 0;
	margin: 0;
	width:100%;
	height:100%;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
strong {
	font-weight:bold;
}
table {
	font-size: inherit;
	font-size: 100%;
	border:0px none;
}
td {
	padding:0px;
}
ul {
	list-style: none;
}
img {
	border: 0;
}

/**************************************************
	BASIC HTML TAGS
**************************************************/
body {
	background:#000000 url(../fw/Background_FantasySky.jpg) top center fixed no-repeat;
}
body, input {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#332211;
}
h1, h2, h3, h4, h5, h6 {
    color:#993300;
    margin:0 0 1em 0;
}
/* Header Subtext */
h1 span {
	font-size:68%;
	font-style:italic;
}
h1 { font-size:164%;}
h2 { font-size:132%; }
h3 { font-size:116%; }
h4 { font-size:108%; }
h5 { font-size:104%; }
h6 { font-size:102%; }
p {
    margin:0 0 1em 0;
}
a {
	color:#36C;
}
a:hover {
	color:#06F;
	text-decoration:none;
}

/***** Browser/JS enablers *****/
.ie6 .Body {
	display:none;
}
.ie6 body {
	background:url(../images/lt_ie7.jpg);
}
.js .no-js-warning,
.js .no-js-warning-custom,
.no-js .js-required {
	display:none;
}
.no-js-warning {
	padding:3px 5px 5px;border:1px solid #960;margin-bottom:1em;
	color:#960;
	background-color:#FFc;
	text-align:center;
	font-style:italic;
}


/**************************************************
	FRAME CLASSES
**************************************************/

/***** Frame 60x80 *****/
.Frame_30x40 {
	width:40px;
	height:50px;
	background:url(../fw/Frame_30x40.png) center center no-repeat;
	margin:0px -2px -4px -2px;
}
.Frame_30x40 img {
	width:30px;
	height:40px;
	margin:3px 5px 7px 5px;
}

/***** Frame 60x80 *****/
.Frame_60x80 {
	width:70px;
	height:90px;
	background:url(../fw/Frame_60x80.png) center center no-repeat;
	margin:0px -2px -4px -2px;
}
.Frame_60x80 img {
	width:60px;
	height:80px;
	margin:3px 5px 7px 5px;
}

/***** Frame 150x200 *****/
.Frame_150x200 {
	width:164px;
	height:214px;
	background:url(../fw/Frame_150x200.png) center center no-repeat;
	margin:0px -2px -4px -2px;
}
.Frame_150x200 img {
	width:150px;
	height:200px;
	margin:5px 7px 9px 7px;
}

/***** Frame Ornate 130x130 *****/
.Frame_Ornate130x130 {
	width:200px;
	height:200px;
	margin:-5px -11px -17px -11px;
}
.Frame_Ornate130x130 img {
	width:130px;
	height:130px;
	margin:29px 35px 41px 35px;
}
.Frame_Ornate130x130 .sticker.main {
	width:200px;
	height:200px;
	background:url(../fw/Frame_Ornate130x130.png) center center no-repeat;
}

/***** Frame Ornate 60x60 *****/
.Frame_Ornate60x60 {
	width:90px;
	height:90px;
	margin:-3px -5px -7px -5px;
}
.Frame_Ornate60x60 img {
	width:60px;
	height:60px;
	margin:13px 15px 17px 15px;
}
.Frame_Ornate60x60 .sticker.main {
	width:90px;
	height:90px;
	background:url(../fw/Frame_Ornate60x60.png) center center no-repeat;
}

/***** re-usable stickers *****/
.sticker {
	position:absolute;
}
.tape.sticker {
	width:78px;
	height:58px;
	margin:-10px 0 0 -20px;
	background:url(../fw/Sticker_Tape.png) no-repeat;
}
.dead.sticker {
	margin:5px 0 0 7px;
}
.Frame_30x40 .dead.sticker {
	width:30px;height:40px;
	background:url(../fw/Sticker_Dead_30x40.png) no-repeat;
}
.Frame_60x80 .dead.sticker {
	width:60px;height:80px;
	background:url(../fw/Sticker_Dead_60x80.png) no-repeat;
	margin:3px 0 0 5px;
}
.Frame_75x100 .dead.sticker {
	width:75px;height:100px;
	background:url(../fw/Sticker_Dead_75x100.png) no-repeat;
}
.Frame_150x200 .dead.sticker {
	width:150px;height:200px;
	background:url(../fw/Sticker_Dead_150x200.png) no-repeat;
}

/**************************************************
	MISC CLASSES & IDs
**************************************************/
.Breadcrumbs {
	font-size:12px;
	font-style:italic;
}
.copy {
	padding:10px;
}
.collapsed {
	display:none;
}
.clear {
	clear:both;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.Grid .Row:before, .Grid .Row:after, 
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.Grid .Row:after, 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.Grid .Row, 
.clearfix { zoom: 1; }

.pinned {
    position:fixed !important;
}
.RegularExpressionValidator,
.SmallErrorMessage {
    background:#DD0000;
    color:#ffffff;
    display:block;
    font-size:10px;
    padding:2px 0 2px 5px;
    width:100%;
}
.ErrorMessage {
	color:#DD0000;background:url(../fw/RedXIcon_14x14.png)left 2px no-repeat;padding:0 0 0 20px;
	margin-left:auto;
	margin-right:auto;
}
.CompareValidator,
.RequiredFieldValidator {
    color:#DD0000;
    display:block;
    font-size:11px;
    padding:2px 0 2px 0;
    width:100%;
    border-top:3px solid #DD0000;
}
.shadowed {
	-moz-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	box-shadow: 0px 5px 10px #000;
}


/***** SPRITE BUTTONS & SOUND BED *****/
.SpriteButton,
.SpriteButtonM {
	display:block;
	background:0px 0px no-repeat;
	height:32px;
	outline:none;
}
.SpriteButton span,
.SpriteButtonM span {
	display:none;
}
#FlashSoundBedContainer {
	width:0px;
	height:0px;
}

/***** Ratings *****/
.Rating1 { color:#556655; }
.Rating2 { color:#007700; }
.Rating3 { color:#558800; }
	.Rating4 { color:#777700; } /* not used in pvp ratings */
.Rating5 { color:#886600; }
	.Rating6 { color:#995500; } /* not used in pvp ratings */
.Rating7 { color:#bb4400; }
.Rating8 { color:#dd2200; }
.Rating9 { color:#ff0000; }

/**************************************************
	LAYOUT
**************************************************/
/***** Top Menu *****/
.TopMenu {
	position:absolute;
	z-index:100;
		width:980px;
		height:135px;
		left:50%;
		margin-left:-490px;
	background:url(../fw/CSSSprite_Global.png) top no-repeat;
}
.TopMenu .Logo {
	margin:5px 20px 5px 40px;
    width: 355px;
    height: 125px;
    float: left;
}

/***** User & Visitor Menus *****/
.UserMenu,
.VisitorMenu {
	margin:30px 35px 0 5px;
	width:525px;
	height:36px;
	float:left;
}
.UserMenu > a,
.VisitorMenu > a {
	height:inherit;
	display:block;
	height:32px;
	float:left;
}

/***** User Menu *****/
.UserMenu a.Employees {
	background-image:url(../fw/CSSSprite_PlayerMenu.png);
	width:104px;
	background-position:0 0;
}
.UserMenu a.Employees:hover { background-position:0 -32px; }
.UserMenu a.Employees:active { background-position:0 -64px; }
.UserMenu a.Leaderboards {
	background-image:url(../fw/CSSSprite_PlayerMenu.png);
	width:133px;
	background-position:-104px 0;
}
.UserMenu a.Leaderboards:hover { background-position:-104px -32px; }
.UserMenu a.Leaderboards:active { background-position:-104px -64px; }
.UserMenu a.Forum {
	background-image:url(../fw/CSSSprite_PlayerMenu.png);
	width:78px;
	background-position:-237px 0;
}
.UserMenu a.Forum:hover { background-position:-237px -32px; }
.UserMenu a.Forum:active { background-position:-237px -64px; }
.UserMenu a.Settings {
	background-image:url(../fw/CSSSprite_PlayerMenu.png);
	width:88px;
	background-position:-315px 0;
}
.UserMenu a.Settings:hover { background-position:-315px -32px; }
.UserMenu a.Settings:active { background-position:-315px -64px; }
.UserMenu a.SignOut {
	background-image:url(../fw/CSSSprite_PlayerMenu.png);
	width:99px;
	background-position:-403px 0;
}
.UserMenu a.SignOut:hover { background-position:-403px -32px; }
.UserMenu a.SignOut:active { background-position:-403px -64px; }

/***** Visitor Menu *****/
.VisitorMenu a.WhatIsThis {
	background-image:url(../fw/CSSSprite_VisitorMenu.png);
	width:135px;
}
.VisitorMenu a.WhatIsThis:hover {	background-position:-135px 0;	}
.VisitorMenu a.WhatIsThis:active {	background-position:-270px 0;	}
.VisitorMenu a.PlayNow {
	background-image:url(../fw/CSSSprite_VisitorMenu.png);
	background-position: 0 -32px;
	width:124px;
}
.VisitorMenu a.PlayNow:hover {	background-position:-124px -32px;	}
.VisitorMenu a.PlayNow:active {	background-position:-248px -32px;	}

/***** Employees Menu *****/
div.Employees {
	position:absolute;
	margin:26px 0px 0px 0px;
	display:none;
	background:url(../fw/CharacterPopupMenu_Tab.png) no-repeat 10px 0;
}
div.Employees > .shell1 {
	background:#6A3B1F;
	border:1px solid #5A2714;
	margin-top:12px;
	padding:5px 5px 3px;
	max-width:350px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
		
	-moz-box-shadow: 0px 2px 2px #000;
	-webkit-box-shadow: 0px 2px 2px #000;
	box-shadow:  0px 2px 2px #000;
}
div.Employees .Frame_60x80,
div.Employees .SpriteButton {
	float:left;
	margin:0px 0px 0px 0px;
}
div.Employees .SpriteButton {
	width:70px;
	height:90px;
}
div.Employees .SpriteButton.SeeAll { background:url(../fw/ButtonSprite_SeeAll_Employees.png);}
div.Employees .SpriteButton.Hire { background:url(../fw/ButtonSprite_Hire_Employee.png);}


/***** User Info *****/

.UserInfo {
    color:#FFFFFF;
    height:50px;
    margin:5px 40px 0 15px;
    width:510px;
    font-size:14px;
    float: left;
}
.UserInfo .ProfileImage {
	width:40px;height:40px;float:left;margin-right:8px;border:1px solid #960;
}
.UserInfo .Name {
	font-size:20px;
}
.UserInfo .Cash {
}
.UserInfo a {
	color:#FD6;
}

/***** Log-in Form *****/
.LoginForm {
	margin-top:55px;
	color:#FFFFFF;
	font-size:10px;
}
.LoginForm table {
	float:left;margin-left:5px;margin-top:2px;
	text-align:center;
}
.LoginForm .Title {
	font-size:20px;margin-right:4px;
}
.LoginForm  input,
.DarkInput {
	font-size:20px;text-align:center;width:140px;
	background:url(../fw/CSSSprite_VisitorMenu.png) no-repeat 0 -64px;
	padding:3px;border:0px none;color:white;
}
.LoginForm.error input {
	background-position:-146px -64px;
}
.LoginForm  label {
	text-transform:uppercase;
}
.LoginForm.error label {}
.HelpLinks {
	float:left;margin-left:10px;margin-top:8px;font-size:12px;
}
.HelpLinks a {
	display:block;color:#FD6;text-decoration:none;margin-top:1px;
}
.LoginForm a.Go {
	background-image:url(../fw/CSSSprite_VisitorMenu.png);
	background-position: 0 -94px;
	width:44px;
	height:30px;
}
.LoginForm a.Go:hover {		background-position:-44px -94px;	}
.LoginForm a.Go:active {	background-position:-88px -94px;	}

/***** Page *****/
.Page {
	position:absolute;
	z-index:10;
		width:960px;
		height:100%;
		left:50%;
		margin-left:-480px;
	background:url(../fw/Content_Background.png);
}

/***** Content area on a full page *****/
.Content {
	position:absolute;
	z-index:20;
		width:960px;
		left:50%;
		top:125px;
		margin-left:-480px;
}
.Content > .shell1 {
	background:url(../fw/Content_Footer.png) bottom left no-repeat;
	padding-bottom:20px;
}
.Content > .shell1 > .shell2 {
	background:url(../fw/Content_Background.png);
	padding:10px 10px 0px 10px;
	min-height:480px;
}
.Content > .shell1 > .shell2 > .shell3 {
	padding:10px 20px 40px 20px;
}

/**************************************************
	REUSABLE COMPONENTS
**************************************************/

/***** Brief *****/
.Brief {
	font-size:11px;
	border-bottom:1px solid #960;padding:10px 0px 5px 0px;
}
.Brief .Graphic {
	float:left;margin-right:10px;width:110px;
}
.Brief .Description {
	float:left;width:220px;
}
.Brief .Description > .Title {
	font-size:14px;font-weight:bold;
}
.Brief .FlavorText {
	color:#840;
	margin: 5px 0;
	font-style:italic;
}
.Brief .SpriteButton.EquipItem {
	width:110px;
	height:27px;
	background-image:url(../fw/ButtonSprite_EquipItem.png);
	margin-top:-7px;
}
.no-js .Brief .SpriteButton.EquipItem {
	display:none;
}
.Usable {
	color:#060;
}
.Unusable {
	color:#c00;
}

/***** Item Brief *****/
.Item.Brief .Type {
	font-weight:bold;color:#069;
}
.Item.Brief .Type .Keyword {
	font-style:italic;white-space:nowrap;
}
.Item.Brief .Armor {}
.Item.Brief .CombatDetails {}
.Item.Brief .SkillBonuses {}
.Item.Brief .Ability {
	color:#069;
}
.Item.Brief .Ability .Title {
	font-size:11px;
	font-style:italic;white-space:nowrap;
	font-weight:normal;
}

/***** Brief Race & Class Restrictions *****/
.Brief .Restrictions > div {
	float:left;width:110px;margin-top:4px;
}
.Brief .Restrictions .Icon {
	float:left;
}
.Brief .Restrictions .Title {
	float:left;width:64px;font-size:10px;margin:8px 0px 0px 2px;font-weight:normal;
}

.Brief .Options {
	margin:2px 0;
	visibility:hidden;
	clear:both;
}
.Brief .Options a {
	/*border:1px solid #C90;
	background-color:#efe5c9;
	padding:3px 8px;*/
	margin-left:4px;
	float:right;
	/*text-decoration:none;*/
}
.Brief .Options a.trade ul {
	display:none;
}
.Brief .Options a.trade:hover ul {
	display:block;
}

/***** Details Toggle *****/
.DetailToggle {
	margin:5px 0px;
}
.DetailContent {
	float:left;padding:3px 5px;border:1px solid #960;margin-top:3px;
}
.js .DetailContent {
	display:none;
}
.SpriteButton.MoreDetails,
.SpriteButton.LessDetails {
	width:63px;
	height:17px;
	float:left;
	margin-right:5px;
}
.no-js .SpriteButton.MoreDetails,
.SpriteButton.LessDetails {
	display:none;
}

.SpriteButton.MoreDetails {	background-image:url(../fw/ButtonSprite_MoreDetails.png); }
.SpriteButton.LessDetails {	background-image:url(../fw/ButtonSprite_LessDetails.png); }
.SpriteButton.Choose {
	width:119px;
	float:left;
	background-image:url(../fw/ButtonSprite_Choose.png);
}
.no-js .SpriteButton.Choose {
	display:none;
}
.SpriteButton.MagGlass {
	background-image:url(../fw/ButtonSprite_MagGlass.png);
	width:38px;
	height:30px;
}

/***** Header with Icon *****/
h1.hasIcon {
	padding-top:12px;
	/*color:#dc9;*/
	margin:0 0 1em 0 ;
}
h1.hasIcon .Icon {
	width:55px;
	height:54px;
	background:no-repeat top left;
	float:left;
	margin-top:-12px;
	margin-right:5px;
}

/***** Icons *****/
.Icon { width:44px;height:44px;background: no-repeat; }
.Small.Icon { width:22px;height:22px; }

.Prohibited.Usable .Icon	{ background-position:-44px; }
.Unusable .Icon				{ background-position:-88px; }

.Prohibited.Usable .Small.Icon	{ background-position:-22px; }
.Unusable .Small.Icon			{ background-position:-44px; }

/***** Normal Size Icons *****/
.Icon.Moonborn 				{	background:url(../fw/SpriteIcon_Moonborn.png); }
.Icon.GreatKingRat 			{	background:url(../fw/SpriteIcon_GreatKingRat.png); }
.Icon.Human					{	background:url(../fw/SpriteIcon_Human.png); }
.Icon.SpaceChimp			{	background:url(../fw/SpriteIcon_SpaceChimp.png); }
.Icon.Electrofriend		 	{	background:url(../fw/SpriteIcon_Electrofriend.png); }

.Icon.Baron 		{	background:url(../fw/SpriteIcon_Baron.png); }
.Icon.Courtesan		{	background:url(../fw/SpriteIcon_Courtesan.png); }
.Icon.Naturalist	{	background:url(../fw/SpriteIcon_Naturalist.png); }
.Icon.Ninja 		{	background:url(../fw/SpriteIcon_Ninja.png); }
.Icon.Pirate 		{	background:url(../fw/SpriteIcon_Pirate.png); }
.Icon.Scientist 	{	background:url(../fw/SpriteIcon_Scientist.png); }
.Icon.Vagrant 		{	background:url(../fw/SpriteIcon_Vagrant.png); }

/***** Small Icons *****/
.Small.Icon.Baron		{ background-image:url(../fw/Small_SpriteIcon_Baron.png); }
.Small.Icon.Courtesan	{ background-image:url(../fw/Small_SpriteIcon_Courtesan.png); }
.Small.Icon.Naturalist	{ background-image:url(../fw/Small_SpriteIcon_Naturalist.png); }
.Small.Icon.Ninja		{ background-image:url(../fw/Small_SpriteIcon_Ninja.png); }
.Small.Icon.Pirate		{ background-image:url(../fw/Small_SpriteIcon_Pirate.png); }
.Small.Icon.Scientist	{ background-image:url(../fw/Small_SpriteIcon_Scientist.png); }
.Small.Icon.Vagrant		{ background-image:url(../fw/Small_SpriteIcon_Vagrant.png); }

.Small.Icon.GreatKingRat	{ background-image:url(../fw/Small_SpriteIcon_GreatKingRat.png); }
.Small.Icon.Human			{ background-image:url(../fw/Small_SpriteIcon_Human.png); }
.Small.Icon.Moonborn		{ background-image:url(../fw/Small_SpriteIcon_Moonborn.png); }
.Small.Icon.SpaceChimp		{ background-image:url(../fw/Small_SpriteIcon_SpaceChimp.png); }
.Small.Icon.Electrofriend	{ background-image:url(../fw/Small_SpriteIcon_Electrofriend.png); }

.Small.Icon.Great	{ background-image:url(../fw/SmallIcon_GreenStar.png); }
.Small.Icon.Okay	{ background-image:url(../fw/SmallIcon_Yellow.png); }
.Small.Icon.Medical { background-image:url(../fw/SmallIcon_RedPlus.png); }

.Small.Icon.Male	{ background-image:url(../fw/Small_Icon_Male.png); }
.Small.Icon.Female	{ background-image:url(../fw/Small_Icon_Female.png); }

.Small.Icon.Sticky	{ background-image:url(../fw/SmallIcon_GreenStar.png); }
.Small.Icon.Locked { background-image:url(../fw/SmallIcon_RedPlus.png); }



/***** Generic Grid & Listing *****/
.Grid,
.Listing {
	width:100%;
	margin:10px 0;
	font-size:12px;
}
.Grid, .Listing {
	background:url(../fw/DarkPaper.jpg);
}
.Grid,
.Listing,
.Grid a {
	color:#fd6;
	text-decoration:none;
}
.Listing {
	color:white;
}
.Grid a.Row:hover {
	color:#fea;
}
.Grid a.Row:hover {
	border:1px solid #fea;
	background-color:#000;
}
.Grid .Row,
.Listing th,
.Listing td {
	border-top:1px solid #930;
	border-left:1px solid #930;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.Listing th,
.Listing td {
	padding:10px;
	vertical-align:top;
}
.Grid .Header a {
	display:block;
	width:100%;
}
.Grid .Header {
	background:url(../fw/SuperDarkPaperStrip.jpg);
}
.Grid .Row {
	display:block;
}
.Grid .Column {
	padding:4px;
	float:left;
	overflow:hidden;
}

/***** ListingHelperBar *****/
.ListingHelperBar {
	float:right;
	margin-top:-30px;
}
.ListingHelperBar .DarkInput {
	margin-top:1px;
	float:left;
}
.ListingHelperBar .MagGlassTab {
	float:left;
}

/***** Pager Bar *****/
.listingPagerBar {
	float:right;
}
.listingPagerBar input.jumpToPage {
	width:30px;	
}
.listingPagerBar .GoToPage {
	margin-bottom:-5px;
}

/***** CSS3 Button *****/
a.Button {
	display:block; 
	text-decoration:none;
	color:Black;
	padding:0.25em 0.75em;
	border:1px solid #E8D086;
	cursor:pointer;
	
	text-shadow: 0px 1px 1px #f9f4b7;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
		
	-moz-box-shadow: 0px 2px 2px #000;
	-webkit-box-shadow: 0px 2px 2px #000;
	box-shadow:  0px 2px 2px #000;
	
	/* use http://www.colorzilla.com/gradient-editor/ */
	background: #DCB756; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f4b7 0%, #dcb756 50%, #d0a03a 51%, #b87027 90%, #d0a03a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f4b7), color-stop(50%,#dcb756), color-stop(51%,#d0a03a), color-stop(90%,#b87027), color-stop(100%,#d0a03a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f4b7 0%,#dcb756 50%,#d0a03a 51%,#b87027 90%,#d0a03a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f4b7 0%,#dcb756 50%,#d0a03a 51%,#b87027 90%,#d0a03a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f4b7 0%,#dcb756 50%,#d0a03a 51%,#b87027 90%,#d0a03a 100%); /* IE10+ */
	background: linear-gradient(top, #f9f4b7 0%,#dcb756 50%,#d0a03a 51%,#b87027 90%,#d0a03a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f4b7', endColorstr='#d0a03a',GradientType=0 ); /* IE6-9 */
}
a.Button:hover,
a.Button:active {
	color:#333;
	border-color:#EDDAA3;
	
	/* use http://www.colorzilla.com/gradient-editor/ */
	background: #f9f4b7; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f4b7 0%, #e7cf73 50%, #e2c34d 51%, #cd9234 90%, #e2c34d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f4b7), color-stop(50%,#e7cf73), color-stop(51%,#e2c34d), color-stop(90%,#cd9234), color-stop(100%,#e2c34d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f4b7 0%,#e7cf73 50%,#e2c34d 51%,#cd9234 90%,#e2c34d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f4b7 0%,#e7cf73 50%,#e2c34d 51%,#cd9234 90%,#e2c34d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f4b7 0%,#e7cf73 50%,#e2c34d 51%,#cd9234 90%,#e2c34d 100%); /* IE10+ */
	background: linear-gradient(top, #f9f4b7 0%,#e7cf73 50%,#e2c34d 51%,#cd9234 90%,#e2c34d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f4b7', endColorstr='#e2c34d',GradientType=0 ); /* IE6-9 */
}
a.Button:active {
	-moz-box-shadow: 0px 1px 1px #000;
	-webkit-box-shadow: 0px 1px 1px #000;
	box-shadow:  0px 1px 1px #000;
}
a.Next.Button:after {
	width:23px;
	height:21px;
	background:url(../fw/ButtonArrow.png) no-repeat;
	display:block;
	content:"";
	float:right;
	margin:1px -4px -1px 4px;
}

/***** Pretty Frame *****/
.PrettyFrame,
.PaperDoll .Item.Brief,
.CurrentCombatAbilities .CombatAbility.Brief .Description {
	padding:10px;
	border:#F5EFDB 5px solid;
	background: url("../fw/Content_Background.png") repeat-y scroll center center #fff;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
		
	-moz-box-shadow: 0px 2px 2px #000;
	-webkit-box-shadow: 0px 2px 2px #000;
	box-shadow:  0px 2px 2px #000;
}
.PrettyFrame.Closer {
	-moz-box-shadow: 0px 20px 20px #000;
	-webkit-box-shadow: 0px 20px 20px #000;
	box-shadow:  0px 20px 20px #000;
}
.tooltip {
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px;
	z-index:500;
	line-height:25px;
}
.tooltip em {
	font-style:italic;
	color:#ccc;
}
.tooltip h2 {
	color:#cc6600;
}
.tooltip h3 {
	margin-top:1em;
}
.tooltip p {
	margin:0;
}