/* Class colours */
.DeathKnight					{color: red;}
.Druid								{color: #FF7D0A;}
.Hunter								{color: #ABD473;}
.Mage									{color: #69CCF0;}
.Paladin							{color: #F58CBA;}
.Priest								{color: #FFFFFF;}
.Rogue								{color: #FFF569;}
.Shaman								{color: #2459FF;}
.Warlock							{color: #9482CA;}
.Warrior							{color: #C79C6E;}
/* Class colours */

/* Faction colours */
.Alliance							{color: #6600ff;}
.Horde								{color: #cc0033;}
/* Faction colours */

a											{color: #cc6600;}
a:hover								{color: yellow;}
a.nearinvisible				{color: #D7CEA4;}
a.nearinvisible:hover	{color: yellow;}
.nowrap								{white-space: nowrap;}
h1										{color: #F9C62B; margin-bottom: 5px;}
h2										{color: #F9C62B;}
h2.pagetitle					{margin-bottom: 0px;}
h3										{color: #F9C62B; margin-bottom: 0px;}
h4										{color: #F9C62B;}
h5										{color: #F9C62B; margin-bottom: 0px; font-size: 16px;}
.sectionheading				{margin-bottom: 20px;}

/* Lists */
ol.instructions li		{margin-bottom: 10px; font-weight: bold;}
ol.features						{margin-top: 5px;}
ol.features li				{margin-bottom: 5px;}
/* End lists */

/* Homepage */
.homepageintro							{text-align: justify; margin-top: 0px; margin-bottom: 30px;}
.homebetamessage						{color: #ffffff; text-align: justify; font-weight: bold;}
div.homepage-content				{margin-left:50px; margin-right:100px; margin-top:20px;}

div.homepage-container				{margin-left:50px; margin-right:50px; margin-top:10px; color: #FFFBD0;}
div.homepage-introcontainer		{font-size: 16px; color: #FFFBD0; margin-bottom: 20px;}
div.homepage-bodycol					{float: left;}
div.homepage-rightcol					{float: right; width: 300px;}
div.homepage-content-block		{margin-bottom:13px; font-size: 12px;}
.homepage-blockheading				{margin-top: 0px; margin-bottom: 5px; color: #FF9900;}
span.latestnews-date					{font-weight: bold; display: block; color: #ff8a15;}
span.latestnews-headline			{font-weight: bold; display: block; color: #cc6600;}
span.latestnews-body					{font-size: 11px; display: block;}
.tryitnow											{font-size: 16px; font-weight: bold;}
.tryitnow	a										{color: #F9C62B;}
.tryitnow	a:hover							{color: yellow;}
.morelink											{color: #F9C62B;}
.morelink:hover								{color: yellow;}
div.homepage-content-block	ul { list-style-image: url(/images/common/feint-bullet.png); margin: 0px 15px 5px 0px; padding-left: 30px;}
.home-roundtop {	BACKGROUND: #000000;}
.home-roundbottom {	BACKGROUND: #000000;}
.home-headingr1 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 5px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-headingr2 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 3px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-headingr3 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 2px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-headingr4 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 1px;	OVERFLOW: hidden;	HEIGHT: 2px;}
.home-r1 {	BACKGROUND: #222222;	MARGIN: 0px 5px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-r2 {	BACKGROUND: #222222;	MARGIN: 0px 3px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-r3 {	BACKGROUND: #222222;	MARGIN: 0px 2px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.home-r4 {	BACKGROUND: #222222;	MARGIN: 0px 1px;	OVERFLOW: hidden;	HEIGHT: 2px;}
.home-rcontainerheading {	BACKGROUND: #2e2e2e; PADDING-RIGHT: 10px;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 1px;	PADDING-TOP: 1px; vertical-align: top;}
.home-rcontainercontent {	BACKGROUND: #222222; PADDING-RIGHT: 10px;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 2px;	PADDING-TOP: 10px; vertical-align: top; text-align: justify;}
/* End Homepage */

ul.tightlist						{ list-style-image: url(/images/common/feint-bullet.png); margin: 5px 15px 5px 5px; padding-left: 10px;}
div.pageintro						{margin-left:50px; margin-right:100px; margin-top:0px; margin-bottom: 20px; padding-top: 0px;}
.smallsummary						{font-size: 11px;}
.exhaltedcolour					{font-weight: bold; color: green;}
img.iconmargin					{margin-right: 10px;}
div.pagesection					{color: #D7CEA4; padding: 2px;}
div.response						{margin-left:50px; margin-right:100px; margin-top:20px; color: green;}
div.positivemessage			{color: green;}
.highlightedmessage			{color: white; font-weight: bold;}
.subtlemessage					{color: white; font-weight: normal; font-size: 11px;}
.feature								{margin-top: 0px; margin-bottom: 5px; color: #D7CEA4; text-align: justify;}
body.global							{background-color: black;}
span.inputblock					{display: block; margin-top: 25px; margin-bottom: 15px;}
span.radiolabel					{font-weight: bold;}
span.radiotip						{display: block; font-size: 11px; margin-bottom: 7px;}

/* Preferences Form */
div.preferences		 								{border-width:1px; border-style: solid; border-width: 1px; margin-left: 50px; margin-right: 100px; padding: 5px; margin-top: 20px;}
div.preferences table.preferences	{width: 100%; border-collapse: collapse;}
div.preferences td.categoryheader	{background-color: #222222; padding: 5px 2px 2px 0px; color: #ffffff; font-weight: bold;}
div.preferences td.settings				{width: 300px; text-align: right;}
/* End Preferences Form */

/* Globals */
.fleft									{float: left;}
.fright									{float: right;}
.inline									{display: inline;}
.hidden									{display: none;}
.centered								{text-align: center;}
.justify								{text-align: justify;}
.textright							{text-align: right;}
div.centeredblock				{margin-left: auto; margin-right: auto;}
.leftmargin							{margin-left: 50px;}
.rightmargin						{margin-right: 100px;}
.tightheading						{margin-bottom: 0px;}
.tight									{margin-top: 0px; margin-bottom: 0px;}
.verticalspace					{margin-top: 20px;}
.fullwidth							{width: 100%}
.miniheading						{font-weight: bold; margin-top: 5px;}
.minifootnote						{font-weight: bold; margin-top: 0px; margin-bottom: 25px; }
div.workingmessage			{text-align: center; vertical-align: middle; display: none; position: absolute; z-index: 50; background-color: #333333; border-width: 1px; border-style: solid; border-color: #999999; padding: 10px; font-weight: bold; color: #ffffff}
div.progressmessage			{text-align: center; vertical-align: middle; font-weight: bold; margin: 200px; auto 0px auto;}
div.fullwidthseparator	{margin-top: 20px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 90%; height: 1px; background:url(/images/common/greyline.gif); padding: 0px;}
legend.subtle						{font-weight: bold; color: #D7CEA4;}
fieldset								{margin: 10px 0px 10px 0px; padding: 15px 5px 5px 5px; border: #333333 1px solid;}
div.datadisplay					{color: #D7CEA4; margin-left: 50px; margin-right: 100px; padding: 2px; margin-bottom: 5px;}
div.emphasisecolour			{color: #00CC00;}
.atcomments							{color: #00ff00; font-family: "Courier New", Courier, monospace; padding-bottom: 5px;}
.smallsize							{font-size: 80%;}
.emphasisesize					{font-size: 120%;}
.extremesize						{font-size: 200%;}
div.links								{color: #ffffff; margin-left: 5px; margin-bottom: 20px;}
a.nostyle								{text-decoration: none;}
.crossouttext						{text-decoration: line-through;}
img.inlineicon					{vertical-align: middle; margin-right: 2px; border: 0px;}
img.littlepadding				{margin: 5px 3px 0px 0px;}
img.showhidetogglebutton	{cursor: pointer;}
img.imagebutton					{cursor: pointer; border: none; vertical-align: middle;}
/* End Globals */

/* Action Buttons */
img.actionbutton_ready		{cursor: pointer; border: none; vertical-align: middle; filter:alpha(opacity=70); -moz-opacity:0.7;	-khtml-opacity: 0.7; opacity: 0.7;}
img.actionbutton_over			{cursor: pointer; border: none; vertical-align: middle;}
img.actionbutton_clicked	{cursor: default; border: none; vertical-align: middle;}
img.actionbutton_disabled	{cursor: default; border: none; vertical-align: middle; filter:alpha(opacity=10); -moz-opacity:0.1;	-khtml-opacity: 0.1; opacity: 0.1;}
/* End Action Buttons */

/* Top Filter Form */
div.topfilterbox											{	color: #D7CEA4; padding: 10px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #999999; font-size: 12px; vertical-align: top; margin-bottom: 20px;}
div.filterboxwide											{margin-left: 10px; margin-right: 10px; }
div.filterboxindented									{margin-left: 50px; margin-right: 50px;}
div.topfilterform											{	color: #D7CEA4; margin-left: 50px; margin-right: 100px; padding: 2px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #999999; font-size: 12px; vertical-align: bottom;}
div.topfilterform	div.field						{	margin-bottom: 4px;}
div.topfilterform label 							{ margin-right: 10px; padding-right: 10px; width: 190px; display: block; float: left; text-align: right; position: relative; color: #b5CEA4;}
div.topfilterform input								{ display: inline;}
div.topfilterform input.filter				{ height: 11px; font-size: 9px;}
div.topfilterform select.filter				{ height: 16px; font-size: 9px;}
div.topfilterform select.multifilter	{ height: 130px; font-size: 9px;}
div.topfilterform div.buttonrow 			{ text-align: right; margin-right: 0px;}
div.bottombuttonrow										{ position: absolute; bottom: 0px;}
input.smallbutton											{	font-size: 9px;}
/* End Top Filter Form */

/* Tabbed window menus */
div.tabblock							{ margin-top: 10px; margin-bottom: 30px;}
div.tabbedwindowmenu			{ float:left; width: 100px; height: 25px; background-color: #111111; text-align: center; border-width: 1px; border-style: solid; border-color: #444444; padding-top: 7px; padding-bottom: 5px; color: #55555; margin-bottom: 0px;}
div.twmselected						{ background-color: #444444; color: #ffffff; font-weight: bold;}
div.tabbedwindow					{ border-width: 2px; border-style: solid; border-color: #444444; margin-top: 0px;}
div.hiddentab							{ display: none;}
/* End Tabbed window menus */

/* Ajax Windows and Feeds */
table.fullwidthajaxdisplay																{width: 100%;}
div.fullwidthajaxdisplay																	{color: #D7CEA4; padding: 2px; margin-bottom: 5px;}
div.public-feed-block																			{float: left; margin-right: 20px; margin-bottom: 20px;}
div.public-feed-block-centered														{margin-left: 50px; margin-right: 50px; margin-bottom: 20px;}

div.public-loot-feed-container														{ border: 1px solid #F9C62B; background-color: #000000; font-family: verdana; font-size: 11px;}
div.public-loot-feed-container div.heading								{ background-color: #F9C62B; color: #000000; font-family: verdana; font-size: 11px; text-align: center; font-weight: bold; padding: 3px;}
div.public-loot-feed-container div.footer									{ background-color: #F9C62B; color: #000000; font-family: verdana; font-size: 9px; text-align: center; font-weight: bold; padding: 3px;}
div.public-loot-feed-container div.feed-data-scroll				{ overflow: auto; scrollbar-base-color:#000000; scrollbar-track-color:#222222; padding: 5px 15px 5px 15px;}
div.public-standings-feed-container												{ border: 1px solid #F9C62B; background-color: #000000; font-family: verdana; font-size: 11px;}
div.public-standings-feed-container div.heading						{ background-color: #F9C62B; color: #000000; font-family: verdana; font-size: 11px; text-align: center; font-weight: bold; padding: 3px;}
div.public-standings-feed-container div.footer						{ background-color: #F9C62B; color: #000000; font-family: verdana; font-size: 9px; text-align: center; font-weight: bold; padding: 3px;}
div.public-standings-feed-container div.feed-data-scroll	{ overflow: auto; scrollbar-base-color:#000000; scrollbar-track-color:#222222; padding: 5px 15px 5px 15px;}
div.public-standings-feed-container div.spacedblock				{ margin-bottom: 5px;}
div.public-standings-feed-container .fullwidth						{ width: 100%;}
div.public-standings-feed-container table	td							{ font-family: verdana; font-size: 14px;}
div.public-standings-feed-container td.heading						{ color: #ffffff; font-weight: bold; padding-right: 7px; border-bottom: 1px solid gray;}
div.public-standings-feed-container td.datacell						{ padding: 0px 20px 0px 5px; text-align: left;}
div.public-standings-feed-container td.numbercell					{ text-align: right;}
div.public-standings-feed-container td.horizfixed					{ white-space: nowrap;}
div.public-standings-feed-container .trivial							{ font-size: 11px;}
div.public-standings-feed-container .nontrivial						{ font-size: 14px;}
/* End Ajax Windows and Feeds */

/* Scrollable table */
div.scrollableTableContainer								{width: 840px;	height: 600px; overflow: auto; overflow-y: scroll; overflow-x: hidden; padding-top: 0px;}
div.scrollableTableFooter										{width: 840px;}
table.scrollable														{width: 820px; border: none; border-collapse: collapse;}
/*table>tbody.scrollable											{overflow-y: scroll; overflow-x: hidden; height: 565px;}*/
thead																				{padding-top: 0px; margin-top: 0px;}
thead tr.fixedheader												{position:relative;}
thead td.fixedheader, thead th.fixedheader	{text-align: left; font-size: 14px; background-color: #000000; font-weight: bold; height: 25px;}	
td.scrollable																{color: #000; padding-right: 2px; font-size: 12px; text-align: right; border-bottom: solid 1px #d8d8d8; border-left: solid 1px #d8d8d8;}
table.scrollable td:last-child							{padding-right: 20px;}
/* End Scrollable table */

.alert {
	width: 50%;
	margin: 0px auto;
	background-color: #fff6bf;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: center;
	color: red;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

div.disclaimer						{font-size: 10px; color: gray; width: 580px; margin-top: 30px;}
div.maincontainer					{color: #D7CEA4; font-family: tahoma; font-size: 14px;}
table.availability-report	{margin-left: 50px;}

div.site-container			{max-width: 1360px; margin: auto auto auto auto;}

/* Site Header */
table.headercontainer		{width: 100%; border-collapse: collapse; border: 0px; margin: 0px; color: #D7CEA4; font-family: tahoma; font-size: 14px;}
td.header-logo					{padding: 0px; vertical-align: bottom; width: 230px; height: 55px;}
td.header-welcome				{padding: 0px 0px 0px 40px; vertical-align: bottom;}
td.header-globalnav			{padding: 0px 0px 0px 30px; vertical-align: bottom; height: 55px;}
td.header-alerts				{padding: 0px 0px 0px 10px; vertical-align: top;}
td.header-logobottom		{padding: 0px; vertical-align: top; width: 230px; height: 11px;}
td.header-remainbottom	{background: url(/images/homepage/line.png) repeat-x top left; padding: 0px; vertical-align: top;}
img.rbmainlogotop				{width: 230px; height: 55px; border: 0px; margin: 0px; padding: 0px; vertical-align: bottom;}
img.rbmainlogobottom		{border: 0px; width: 230px; height: 11px;}
/* End Site Header */

/* All message frames */
div.buttonrow input.button								{ width: 100px;}
/* End all message frames */

/* Contributions message frame */
div.contributemessageframe								{width: 600px; margin: 50px auto 0px auto; padding: 12px 16px 12px 12px; font-family: tahoma; font-size: 14px; color: red; border: 1px solid #bf8704; text-align: justify; font-weight: bold;}
div.contributemessageframe div.buttonrow	{ text-align: right; margin-right: 0px; margin-top: 20px;}
div.contributemessageframe .mainmessage		{ color: #F9C62B;}
div.contributemessageframe .submessage		{ color: green; width: 100%; text-align: center;}
/* End Contributions message frame */

/* Error message frame */
div.errormessageframe									{width: 600px; margin: 50px auto 0px auto; padding: 12px 16px 12px 12px; font-family: tahoma; font-size: 14px; color: red; border: 1px solid #bf8704; text-align: justify; font-weight: bold;}
div.errormessageframe div.buttonrow		{ text-align: right; margin-right: 0px; margin-top: 20px;}
div.errormessageframe .mainmessage		{ color: red;}
div.errormessageframe .submessage			{ color: #F9C62B;}
div.errormessageframe .nextstep				{ color: #F9C62B;}
/* End Error message frame */


/* Building Teams */
table.buildteams										{margin: auto; color: #ffffff; font-size: 12px; border-collapse: collapse;}
form.buildteams											{margin-left: 50px; margin-bottom: 20px; display: inline;}
td.buildteams												{border-bottom: 1px solid gray; padding: 5px; white-space: nowrap; width: 525px;}
td.teammember												{border-bottom: 1px solid gray; padding: 5px; font-size: 14px; font-weight: bold; white-space: nowrap;}
td.teamcolwidth											{width: 525px;}
td.buildteams_span									{text-align: center; white-space: nowrap;}
td.buildteams_bordered							{border-bottom: 1px solid gray; padding: 5px 10px 5px 10px; vertical-align: top; white-space: nowrap;}
td.buildteams_selection							{border-bottom: 1px solid gray; padding: 15px 20px 15px 10px; vertical-align: top;}
td.buildteams_available							{border-bottom: 1px solid gray; padding: 15px 20px 15px 5px; vertical-align: top;}
textarea.teamnotes									{width: 100%; height: 100px; overflow: auto; display: none; margin-top: 5px;}
div.teammember-container						{border: 1px solid gray; padding: 3px; width: 130px; height: 30px; margin-top: 5px;}
div.available-chars-container				{border: 1px solid gray; padding: 3px; width: 155px; height: 80px; overflow: scroll; overflow-y: scroll; overflow-x: hidden;}
span.buildTeamsCharacterBlock				{border: 1px solid gray; padding: 3px; margin: 2px; display: block; font-family: tahoma; width: 120px;}
span.buildTeamsCharacterBlock:hover	{background-color: #444444; cursor: pointer;}
.rundescription											{color: #ffff99; font-size: 12px;}

div.bluebutton a 					{background:url(/images/buildteams/bluebutton_bg.gif) no-repeat; width:116px; height:15px; float:left; padding-left:0px; margin-right: 3px; font-size:10px; color:white; text-decoration:none; line-height:15px; text-align: center; font-weight: normal;}
div.bluebutton a:hover		{background-position: 0 bottom;}
div.redbutton a 					{background:url(/images/buildteams/redbutton_bg.gif) no-repeat; width:116px; height:15px; float:left; padding-left:0px; margin-right: 3px; font-size:10px; color:white; text-decoration:none; line-height:15px; text-align: center; font-weight: normal;}
div.redbutton a:hover			{background-position: 0 bottom;}
/* End Building Teams */

/* Spot Builds Selection */
div.class-builds-container							{border: 1px solid gray; padding: 3px; width: 250px; height: 180px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; margin-right: 30px;}
div.available-class-builds-container		{border: 1px solid gray; padding: 3px; width: 250px; height: 140px; overflow: scroll; overflow-y: scroll; overflow-x: hidden;}
/* End Spot Builds Selection */


/* Rounded container */
.roundbottom {	BACKGROUND: #000000;}
.r1 {	BACKGROUND: #222222;	MARGIN: 0px 5px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.r2 {	BACKGROUND: #222222;	MARGIN: 0px 3px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.r3 {	BACKGROUND: #222222;	MARGIN: 0px 2px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.r4 {	BACKGROUND: #222222;	MARGIN: 0px 1px;	OVERFLOW: hidden;	HEIGHT: 2px;}
.headingr1 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 5px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.headingr2 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 3px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.headingr3 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 2px;	OVERFLOW: hidden;	HEIGHT: 1px;}
.headingr4 {	BACKGROUND: #2e2e2e;	MARGIN: 0px 1px;	OVERFLOW: hidden;	HEIGHT: 2px;}
.rcontainerheading {	BACKGROUND: #2e2e2e; PADDING-RIGHT: 10px;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 1px;	PADDING-TOP: 0px; vertical-align: top;}
.rcontainercontent {	BACKGROUND: #222222; PADDING-RIGHT: 10px;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 5px;	PADDING-TOP: 5px; vertical-align: top;}
.roundtop {	BACKGROUND: #000000;}
/* End Rounded container */

/* Event Calendar */
table.events-calendar									{border: none; margin-left: 50px;}
tr.events-calendar-mainheading				{background-color: #000000; color: #F9C62B; font-weight: bold; text-align: left;}
tr.events-calendar-headingrow					{background-color: #111111; color: #ffffff; font-weight: normal; text-align: center; font-size: 12px;}
td.events-calendar-day								{width: 70px; height: 38px; text-align: right; vertical-align: top; padding: 1px 4px 0px 4px; font-size: 11px;}
td.events-calendar-day-today					{border: 1px solid #555555;}
td.events-calendar-day-notinmonth			{background-color: #111111;}
td.events-calendar-day-inmonth				{background-color: #222222;}
td.events-calendar-day-inmonth:hover	{background-color: #777777;}
td.events-calendar-day-hasevents			{background-color: #444444; cursor: pointer;}
img.events-calendar-smallicon					{width: 24px; height: 26px;}
.selectedeventswindow		{margin-bottom: 200px;}
.eventsummaryinfo				{margin-right: 5px; font-weight: bold;}
.events-official				{color: orange;}
.events-toggle					{float: left; width: 20px; margin-right: 2px; vertical-align: bottom;}
.events-time						{float: left; width: 320px;}
.events-name						{float: left; width: 350px;}
.events-instance				{float: left; width: 200px;}
.events-type						{float: left; width: 40px; margin-right: 3px; white-space: nowrap;}
.events-status					{float: right; width: 50px; text-align: right; margin-right: 10px;}
.events-actions					{float: right; width: 100px; margin-right: 20px;}
.events-description			{color: #ffff99; font-size: 12px; margin-left: 20px; padding-top: 5px; padding-bottom: 5px;}
.events-team						{float: left; width: 200px; margin-left: 20px; margin-top: 20px; border: 1px solid #333333; padding: 2px;}
.events-teamtable				{border-collapse: collapse; width: 100%;}
.events-teamtitle				{font-weight: bold; text-align: center; background-color: #333333; padding: 2px;}
.events-spotdesc				{padding-right: 10px; font-size: 11px; width: 100px; height: 24px; text-align: right; border-bottom: 1px solid #333222; vertical-align: middle;}
.events-spotplayer			{padding-bottom: 3px; border-bottom: 1px solid #333222; text-align: left; width: 120px; height: 24px; white-space: nowrap; vertical-align: middle;}
.events-freespot				{font-size: 11px; color: grey; font-weight: bold;}
.events-standby					{float: left; width: 120px; margin-left: 20px; margin-top: 20px; border: 1px solid #333333; padding: 2px 2px 10px 2px;}
.events-additionalinfo	{text-align: right; margin-left: 20px; vertical-align: top;}
a.events-signrevokelink					{font-size: 10px; color: grey; display: block;}
a.events-signrevokelink:hover		{font-size: 10px; color: orange;}
.events-actionprogress	{font-size: 11px; color: #ffffff; font-weight: normal;}
/* End Event Calendar */



/* MainsAlts Selection */
td.mainsalts-main-container							{vertical-align: top; padding-bottom: 15px; background:url(/images/common/feintgreyline.gif); background-repeat: repeat-x; background-position: middle center;}
td.mainsalts-alts-container							{vertical-align: top; padding-bottom: 15px; background:url(/images/common/feintgreyline.gif); background-repeat: repeat-x; background-position: middle center;}
span.draggableCharacterBlock						{border: 1px solid gray; padding: 3px; margin: 2px; display: block; font-family: tahoma; width: 220px; background-color: #222222;}
span.draggableCharacterBlock:hover			{background-color: #444444; cursor: pointer;}
span.draggableCharacterBlockLocked			{border: 1px solid gray; padding: 3px; margin: 2px; display: block; font-family: tahoma; width: 220px; background-color: #222222; background:url(/images/common/lock.gif) no-repeat; background-position: center right;}
/* End MainsAlts Selection */

/* My Availability Selection */
div.myavail-chars-container							{border: 1px solid gray; padding: 3px; width: 250px; height: 190px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; margin-right: 30px; float: left;}
/* End My Availability Selection */


/* Character Names */
span.dungeonname					{white-space: nowrap;}
span.bossname							{white-space: nowrap;}
span.character						{white-space: nowrap;}
span.accountname					{white-space: nowrap; color: #D7CEA4; font-weight: bold;}
/* End Character Names */

/* Spot Build Icons */
span.spotbuild								{white-space: nowrap; border: 1px solid gray; display: inline; padding: 3px; display: inline; background-color: #222222; line-height: 26px;}
span.spotbuild img						{vertical-align: middle;}
span.spotbuildBlock						{border: 1px solid gray; padding: 3px; margin: 2px; display: block; font-family: tahoma; width: 220px; background-color: #222222;}
span.spotbuildBlock:hover			{background-color: #444444; cursor: pointer;}
.DraggableCharacterContainer	{width: 220px;}
/* Spot Build Icons */

table.fixedwidthdisplay		{width: 900px;}
.bold											{font-weight: bold;}
.warning									{color: yellow;}
.ok												{color: green;}
.warcraftcolour						{color: #F9C62B;}
.sitefont									{font-family: tahoma;}
.backgroundcolour					{background-color: black;}
.center										{text-align:center;}
span.miniheading					{color: #F9C62B; font-weight: bold;}
table.contenthelpcontainer			{margin: 0px; width: 100%; margin-top: 10px;}
td.contentwindow					{width: 70%; vertical-align: top;}
td.helpwindow							{width: 30%; vertical-align: top; display: none;}
div.helpheader						{background-color: #E4FF33; color: #000000; font-weight: bold; width: 100%;; text-align: center; margin-bottom: 0px;}
div.helpmenubar						{background-color: #d3ee22; color: #000000; margin-bottom: 5px; font-size: 12px; padding: 3px;}
div.helpdata							{width: 400px; color: #E4FF33; font-size: 13px; text-align: justify;}
ul												{margin-top: 2px;}
div.ajax-loader						{text-align: center;}
td.altcolumn							{background-color: #111111;}
td.rowheading								{color: #D7CEA4; font-family: tahoma; font-size: 14px; font-weight: bold; padding-right: 7px; text-align: right; vertical-align: top;}
.datadisplaymessage					{color: orange; font-size: 12px;}
.nodatamessage							{color: #cccccc; font-size: 12px;}
td.nodatamessage						{height: 30px;}


/* Data display tables */
table.datadisplay					{margin-left: 50px; margin-right: 100px; border-collapse: collapse;}
table.separateddatadisplay{margin-left: 50px; margin-right: 100px;}
table.wide								{width: 90%;}
td.datadisplayheading			{vertical-align: bottom; color: #ffffff; font-family: tahoma; font-size: 14px; font-weight: bold; padding-right: 7px; border-bottom: 1px solid gray;}
td.numberdisplayheading		{vertical-align: bottom; color: #ffffff; font-family: tahoma; font-size: 14px; font-weight: bold; padding-right: 7px; border-bottom: 1px solid gray; text-align: right;}
td.actionsdisplayheading	{vertical-align: bottom; color: #ffffff; font-family: tahoma; font-size: 14px; font-weight: bold; padding-right: 7px; border-bottom: 1px solid gray; text-align: right;}
td.statusdisplayheading		{vertical-align: bottom; color: #ffffff; font-family: tahoma; font-size: 14px; font-weight: bold; padding-right: 7px; border-bottom: 1px solid gray; text-align: center;}
td.checkboxdisplayheading	{padding-right: 7px; border-bottom: 1px solid gray; text-align: center; width: 20px;}
td.leftlabel							{text-align: right; background-color: #333333; width: 180px;}
td.rightdata							{text-align: left; background-color: #222222; font-weight: bold; padding-left: 10px;}
td.datadisplay						{font-family: tahoma; font-size: 14px; padding-right: 7px; vertical-align: top;}
td.numberdisplay					{font-family: tahoma; font-size: 14px; padding-right: 7px; vertical-align: top; text-align: right;}
td.actionsdisplay					{font-family: tahoma; font-size: 14px; padding-right: 7px; vertical-align: top; text-align: right;}
td.icondisplay						{padding: 2px 2px 15px 2px;}
td.checkboxdisplay				{padding-right: 7px; vertical-align: top; text-align: center; width: 20px;}
td.statusdisplay					{text-align: center;}
td.paddingtopspacer				{padding-top: 15px;}
td.smallcolumn						{width: 30px; white-space: nowrap;}
/* End Data display tables */


/* Start contributions styles */
.contributionsGood {color: green; font-weight: bold; font-size: 150%;}
.contributionsLow	 {color: yellow; font-weight: bold; font-size: 150%;}
.contributionsBad	 {color: red; font-weight: bold; font-size: 150%;}
/* End contributions styles */


/* Report Display Tables */
table.compactdisplay			{margin-left: 50px; font-size: 12px;}
tr.heading								{background-color: #333333;}
td.heading								{color: #ffffff; font-family: tahoma; font-weight: bold; border-bottom: 1px solid gray; vertical-align: bottom; padding-bottom: 3px; text-align: center;}
td.heading	a							{color: #ffffff;}
td.heading	a:hover				{color: yellow;}
td.groupdata							{background-color: #111111; padding-right: 7px; text-align: center;}
td.stringdata							{padding-right: 7px;}
td.numberdata							{padding-right: 7px; text-align: right;}
td.actionsdata						{padding-right: 7px; text-align: right;}
td.statusdata							{padding-right: 7px; text-align: center;}
/* End Report Display Tables */


/* Message boxes */
img.messageboxicon			{border: 0px; margin: 0px;}
div.messagebox					{margin-left: 50px; margin-right: 100px; margin-top: 20px; margin-bottom: 0px; padding: 6px 0px 6px 0px;}
td.messageboxtextcell		{vertical-align: top; text-align: justify; padding-left: 5px; font-family: tahoma; font-size: 14px;}
td.messageboxiconcell		{vertical-align: top; padding: 0px;}
div.positiveinfo				{border: 0px solid green;}
.positiveinfo						{color: #7CFC00; font-weight: bold;}
div.errormessage				{border: 0px solid red;}
.errormessage						{color: red; font-weight: bold;}
div.informationmessage	{border: 0px solid blue;}
.informationmessage			{color: blue; font-weight: bold;}
div.warningmessage			{border: 0px solid yellow;}
.warningmessage					{color: yellow; font-weight: bold;}
div.importantmessage		{margin-left: 50px; margin-right: 100px; margin-top: 20px;}
.importantmessage				{color: orange; font-size: 14px;}
/* End Message boxes */

td.instructions						{color: #D7CEA4; font-size: 12px;}
a.mainmenuitem						{font-size: 12px;}
a.miniactionlink					{font-size: 10px; color: #ffffff;}
a.miniactionlink:hover		{font-size: 10px; color: orange;}
a.actionlink							{font-size: 11px;}
a.actionlink:hover				{font-size: 11px; color: orange;}
table.availability				{width: 90%; margin-left: 50px;}
td.availability_calendar	{width: 300px; vertical-align: top; height: 150px; padding-top: 23px;}
td.availability_chars			{vertical-align: top; height: 150px;}
td.availability_helper		{vertical-align: top; height: 500px;}
td.availability_times			{width: 40%; vertical-align: top;}
select.multipleselect			{width: 150px;}
td.availabilitysummary_dates					{text-align: right; padding-right: 10px;}
td.availabilitysummary_accounts				{color: green; font-size: 10px;}
img.availreport_accountblock					{border-width: 0px; vertical-align: bottom; margin-right: 1px;}
td.availabilitysummary_runcharacters	{color: green; font-size: 14px; font-weight: bold;}
font.minitip													{font-size: 10px; font-weight: normal;}


/* Pop up ajax information frame */
div.informationframe				{text-align: center; top: 10px; width: 1000px; height: 500px; visibility: hidden; position: absolute; z-index: 50; background-color: black; border-width: 1px; border-style: solid; border-color: #ffffff; padding-left: 10px; padding-top: 10px;}
div.informationframeheader	{padding: 8px; font-weight: bold;}
div.informationwindow				{text-align: left; overflow: auto; width: 100%; height: 461px;}
/* End Pop up ajax information frame */

/* Fixed ajax information frame */
div.fixedinformationframe		{margin-left: 50px; margin-right: 50px; width: 100%;}
/* End Fixed ajax information frame */

table.infowindowdatadisplay			{}
div.infowindowdatadisplay			{color: #D7CEA4;}
div.infowindowdataheading			{color: #D7CEA4; font-weight: bold;}

font.newsheadline					{font-weight: bold;}
li.newsitem							{margin-bottom: 10px;}

/* Completing runs */
div.runnotescontainer				{display: none;}
/* End compelting runs */

/* Ajax Job Window */
.ajaxTaskTitle					{font-size: 12px;}
.ajaxJobTitle						{font-size: 13px;}
.ajaxJobCollectionTitle	{font-size: 14px; font-weight: bold;}
.ajaxJobWindow					{margin-top: 40px; margin-left: auto; margin-right: auto; width: 400px;}
/* End Ajax Job Window */

/* Popup forms */
div.popupform								{visibility: hidden; margin-bottom: 0px; padding: 5px; position: absolute; z-index: 50; background-color: black; border-width: 1px; border-style: solid; border-color: #ffffff; color: #ffffff}
div.popupajaxform						{visibility: hidden; margin-bottom: 0px; padding: 5px; position: absolute; z-index: 50; background-color: black; border-width: 1px; border-style: solid; border-color: #ffffff; top: 0px; left: 0px;}
div.popupajaxform textarea	{width: 280px; height: 260px;}
div.popupform form					{margin-bottom: 0px;}
/* End Popup forms */

/* Tooltips globals */
td.tooltippropertylabel			{text-align: right; color: green; white-space: nowrap; vertical-align: top;}
td.tooltippropertylabelleft	{text-align: left; color: green; white-space: nowrap; vertical-align: top;}
td.tooltipproperty					{color: white; white-space: nowrap;}
td.tooltipiconheading				{width: 32px;}
td.tooltipheading						{text-align: center; font-size: 14px; font-weight: bold; white-space: nowrap;}
/* End Tooltips globals */

/* Character summary tooltips */
img.characternameicon				{width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; border: 0px;}
img.instanceicon						{width: 29px; height: 31px; vertical-align: top; margin-right: 2px; border: 0px;}
img.templateicon						{width: 24px; height: 24px; vertical-align: top; margin-right: 2px; border: 0px;}
td.charsummary_name					{font-size: 14px; font-weight: bold; text-align: center;}
span.charsummary_guildname	{font-size: 11px; font-weight: normal; display: block;}
td.charsummary_lastupdated	{font-size: 8px; text-align: right;}
/* End Character summary tooltips */

/* Alternative item summary tooltips */
td.alternative_itemsummary_name				{font-size: 12px; font-weight: bold; text-align: center; white-space: nowrap;}
td.alternative_itemsummary_label 			{text-align: right; color: green; white-space: nowrap;}
td.alternative_itemsummary_property 	{white-space: nowrap;}
td.alternative_itemsummary_disclaimer {font-size: 9px; font-weight: bold; text-align: center; color: red;}
/* End Alternative item summary tooltips */

div.debugconsole					{font-family: courier; text-align: left; top: 10px; width: 960px; height: 500px; visibility: hidden; position: absolute; z-index: 50; background-color: black; border-width: 1px; border-style: solid; border-color: #ffffff; padding-left: 10px; padding-top: 10px; color: #33ff33;}
div.debugconsoledatawindow			{font-family: courier; text-align: left; width: 100%; height: 480px; background-color: black; color: #33ff33; overflow: auto;}

/* Next steps */
div.nextsteps	{margin-top: 30px; margin-bottom: 10px; font-size: 16px; text-align: center; border-top: 1px solid #444444; padding-top: 5px;}
div.nextsteps input {color: #cc6600; border: 1px solid #cc6600; background-color: #111111; cursor: pointer; font-size: 10px;}
div.nextsteps input:hover {color: yellow;}
div.nextsteps input.disabled {color: #000000; text-decoration: none; background-color: #222222; border-color: #222222;}
/* End Next steps */

/* Button control row */
div.buttoncontrolrow	{margin-top: 10px; margin-bottom: 10px; font-size: 16px; text-align: center; border-top: 1px solid #444444; padding-top: 5px;}
div.buttoncontrolrow input {color: #cc6600; border: 1px solid #cc6600; background-color: #111111; cursor: pointer; font-size: 10px;}
div.buttoncontrolrow input:hover {color: yellow;}
div.buttoncontrolrow input.disabled {color: #000000; text-decoration: none; background-color: #222222; border-color: #222222;}
/* End Button control row */

/* Highlight a table row */
tr.highlightrow td.left {border-top:1px solid #aaaaaa; border-right:0px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:1px solid #aaaaaa;}
tr.highlightrow td.middle {border-top:1px solid #aaaaaa; border-right:0px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:0px solid #aaaaaa;}
tr.highlightrow td.right {border-top:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:0px solid #aaaaaa;}
/* End Highlight a table row */

/* Alternating table row backgrounds with row highlight */
tr.d0 td {background-color: #222222;}
tr.d1 td {background-color: #000000;}
tr.d0 {border-top:1px solid #000000;}
tr.d1 {border-top:1px solid #000000;}
tr.d0:hover{border-top:1px solid #777777;border-bottom:1px solid #777777;border-left:1px solid #777777;border-right:1px solid #777777;}
tr.d1:hover{border-top:1px solid #777777;border-bottom:1px solid #777777;border-left:1px solid #777777;border-right:1px solid #777777;}
/* End Alternating table row backgrounds with row highlight*/

/* Pagination */
tr.paginationrow td {font-weight: bold; text-align: center; background-color: #444444; padding: 10px 2px 10px 2px;}
tr.paginationrow a.quick {font-size: 90%; font-weight: normal;}
div.paginationnav {display: inline;}
div.filtertoggle {padding-left: 5px; padding-right: 5px;}
.fl {float: left;}
.fr {float: right;}
/* End Pagination */

/* Filtering */
tr.filterrow {display: none; width: 100%;}
tr.filterrow td {font-weight: bold; text-align: center; background-color: #444333; padding: 10px 2px 10px 2px; color: #989898; font-size: 90%;}
tr.filterrow form {display: inline;}
tr.filterrow input {font-size: 90%;}
div.filtertoggle a {font-size: 80%;}
/* End Filtering */

/* Data Entry */
input.textentry				{font-size: 85%;}
input.long						{width: 600px;}
/* End Data Entry */

/* Ajax driven selections */
div.ajaxdrivenfilter	{border: gray 1px solid; padding: 2px;}
p.ajaxdrivenfilter	{color: gray; font-size: 70%; margin-top: 2px; margin-bottom: 2px;}
select.ajaxdriven {font-size: 70%;}
/* End Ajax driven selections */

/* Data Input Forms */
form.tight							{display: inline;}
p.smallfieldlabel					{color: #D7CEA4; font-size: 11px; margin-bottom: 2px;}
div.form-container { margin-left: 50px; margin-right: 100px; margin-top: 20px; padding: 5px; border: #EEE 0px solid;}
p.legend 				{ margin-bottom: 1em; color: #777777;}
p.stronglegend	{ margin-bottom: 1em; color: #AAAAAA;}
p.legend em { font-style: normal;}
div.form-container form { background-color: #111111; padding: 10px 5px 10px 5px;}
div.form-container form p { margin: 0px; padding: 0px; font-size: 90%;}
div.form-container form p.note { margin-left: 210px; font-size: 90%; color: #b5CEA4; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid;}
div.form-container form legend { font-weight: bold; color: #D7CEA4;}
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container span.tip { color: green; font-size: 90%; margin-left: 10px; visibility: hidden; float: none;}
div.form-container div.tip { color: green; font-size: 90%; margin-left: 10px; visibility: hidden; display:inline; width: 600px;}
div.form-container label { margin-right: 10px; padding-right: 10px; width: 190px; display: block; float: left; text-align: right; position: relative; color: #b5CEA4;}
div.form-container label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #D7CEA4;}
div.form-container input:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline;}
div.form-container div.controlset label.controlset { display: block; float: left; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { text-align: right; margin-right: 0px;}
div.clearboth	{clear: both;}
/* End Data Input Forms */


/* Actions */
select.actionselector	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
/* End Actions */

/* Tactical Guides */
td.guidelinks			{color: white; font-size: 11px;}
/* End Tactical Guides */


/* Global */
span.urlstring {font-family: arial; color: white; font-weight: normal;}
/* End Global */