/*
  The original RuinSociety Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: black;
	color: #ddd;
	padding: 0px;
	margin: 0px;
}

blockquote, ul, ol, pre  { margin-top: 0px; margin-bottom: 0px;  }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #669900; }
a:hover		{ text-decoration: none; color : #ddd; }
hr	{ height: 0px; border: solid #ddd 0px; border-top-width: 1px;}

#BannerTable {
	background: black url(/templates/RuinSociety/images/RuinBannerBG.png) no-repeat center center;
	vertical-align: bottom;
}

.forumline a:link,.forumline a:active,.forumline a:visited { color : #669900; }
.forumline a:hover		{ text-decoration: underline; color : #669900; }

#BannerTable a:link,#BannerTable a:active,#BannerTable a:visited { color : #cccc00; }
#BannerTable a:hover		{ text-decoration: underline; color : #ddd; }

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #162d22; border: 1px #005500 solid; margin: 0px 3px 3px 3px; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #000; border: 2px #000 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #081711; }
td.row2	{ background-color: #162d22; }
td.row3	{ background-color: #081711; }
td.row4	{ background-color: #162d22; font-weight: bold; }
td.row5	{ background-color: #040C09; }

td.onehour	{ background-color: #1D382A; }
td.threehour	{ background-color: #162d22; }
td.sixhour	{ background-color: #0F2219; }

tr.row1	{ background-color: #000; }
tr.row2	{ background-color: #000; }
tr.row3	{ background-color: #000; }
tr.row4	{ background-color: #000; }
tr.HoverClass:Hover td.row1, tr.JSHoverClass td.row1 { background-color: #0C2219; }
td.HoverClass:Hover { background-color: #0C2219; }

tr.HoverClass:Hover td.row4, tr.JSHoverClass td.row4 { background-color: #1A382A; }
tr.HoverClass:Hover td.row5, tr.JSHoverClass td.row5 { background-color: #081711; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #000;
		background-image: url(/templates/RuinSociety/images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold;
	background-color: #000; height: 25px;
	background-image: url(/templates/RuinSociety/images/cellpic3.gif);
}

th a {
	color: #FFA34F !important;
	text-decoration: none;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(/templates/RuinSociety/images/cellpic1.gif);
			background-color:#000; border: #000; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #000; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #000; border: #000; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #ddd;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #ddd; }
a.gen,a.genmed,a.gensmall { color: #cccc00; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #ddd; text-decoration: underline; }

.forumline .gen,.forumline .genmed,.forumline .gensmall { color : #ddd; }
a.gen,a.genmed,a.gensmall { color: #cccc00; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #ddd; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu, .topmenu { font-size : 11px; color : #ccc; font-weight: bold; }
a.mainmenu		{ text-decoration: none; color: #ccc !important; }
a.mainmenu:hover{ text-decoration: underline; color : #cccc00 !important; }

a.MenuHighlight { color: #050 !important;  }
a.MenuHighlight:hover { color : #000 !important; }

.topmenu .buttonleft { background: url(images/menu_button_left.gif) repeat-y center left; padding-left: 5px; }
.topmenu a.mainmenu		{ text-decoration: none; color: #ccc !important; background: url(images/menu_button_center.gif) repeat center left; padding: 0px 3px; }
.topmenu a.mainmenu:hover{ text-decoration: underline; color : #cccc00 !important; }
.topmenu .buttonright { background: url(images/menu_button_right.gif) repeat-y center right; padding-right: 5px; }

.MenuHighlight .buttonleft { background: url(images/menu_button_left_highlight.gif) repeat-y center left; padding-left: 5px; }
.MenuHighlight a.mainmenu { color: #050 !important; background: url(images/menu_button_center_highlight.gif) repeat center left; padding: 0px 3px; }
.MenuHighlight a.mainmenu:hover { color: #000 !important; }
.MenuHighlight .buttonright { background: url(images/menu_button_right_highlight.gif) repeat-y center right; padding-right: 5px; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #cccc00}
span.cattitle { padding-left: 5px; }
a.cattitle, .cattitle a		{ text-decoration: none; color : #cccc00; }
a.cattitle:hover, .cattitle a:hover{ text-decoration: underline; }

.forumline .cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #ddd;}
.forumline a.cattitle, .forumline .cattitle a		{ text-decoration: none; color : #ddd; }
.forumline a.cattitle:hover, .forumline .cattitle a:hover { text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #cccc00; }
a.forumlink , .forumlink a	{ text-decoration: none; color : #cccc00; }
a.forumlink:hover, .forumlink a:hover { text-decoration: underline; color : #ddd; }

.forumline .forumlink		{ font-weight: bold; font-size: 12px; color : #669900; }
.forumline a.forumlink 	{ text-decoration: none; color : #669900; }
.forumline a.forumlink:hover{ text-decoration: underline; color : #669900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #ddd;}
a.nav			{ text-decoration: none; color : #cccc00; }
a.nav:hover		{ text-decoration: underline; }

.forumline .nav			{ font-weight: bold; font-size: 11px; color : #ddd;}
.forumline a.nav			{ text-decoration: none; color : #669900; }
.forumline a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #ddd; }
a.topictitle:link   { text-decoration: none; color : #669900; }
a.topictitle:visited { text-decoration: none; color : #669900; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }

/* titles for the topics: could specify viewed link colour too */
.sticky a.topictitle:link   { text-decoration: none; color : #ffbb00; }
.sticky a.topictitle:visited { text-decoration: none; color : #ffbb00; }
.sticky a.topictitle:hover	{ text-decoration: underline; color : #ffbb00; }

/* titles for the topics: could specify viewed link colour too */
.announcement a.topictitle:link   { text-decoration: none; color : #00aadd; }
.announcement a.topictitle:visited { text-decoration: none; color : #00aadd; }
.announcement a.topictitle:hover	{ text-decoration: underline; color : #00aadd; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #ddd;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #ddd; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #ddd;}
a.postlink:link	{ text-decoration: none; color : #669900 }
a.postlink:visited { text-decoration: none; color : #669900; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #ddd;
	background-color: #000; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCC00; line-height: 125%;
	background-color: #000; border: #444; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ddd; letter-spacing: -1px;}
a.copyright		{ color: #ddd; text-decoration: none;}
a.copyright:hover { color: #ddd; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #004400;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #000;
	color: #ddd;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #000;
	color : #ddd;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #000;
	font-weight : bold;
	color: #ddd;
}

/* None-bold submit button */
input.liteoption {
	background-color : #000;
	font-weight : normal;
	color: #ddd;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #000; COLOR: #ddd; border: 1px solid #004400; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

.Druid, .DruidQuote .username				{ color: #FF7C0A !important; font-weight: bold; text-decoration: none; }
.Hunter, .HunterQuote .username				{ color: #AAD372 !important; font-weight: bold; text-decoration: none; }
.Mage, .MageQuote .username					{ color: #68CCEF !important; font-weight: bold; text-decoration: none; }
.Paladin, .PaladinQuote .username			{ color: #F48CBA !important; font-weight: bold; text-decoration: none; }
.Priest, .PriestQuote .username				{ color: #FFFFFF !important; font-weight: bold; text-decoration: none; }
.Rogue, .RogueQuote .username				{ color: #FFF468 !important; font-weight: bold; text-decoration: none; }
.Shaman, .ShamanQuote .username				{ color: #2459FF !important; font-weight: bold; text-decoration: none; }
.Warlock, .WarlockQuote .username			{ color: #9382C9 !important; font-weight: bold; text-decoration: none; }
.Warrior, .WarriorQuote .username			{ color: #C69B6D !important; font-weight: bold; text-decoration: none; }
.DeathKnight, .DeathKnightQuote .username	{ color: #C41E3B !important; font-weight: bold; text-decoration: none; }
.Blizzard 									{ color: #00C0FF !important; font-weight: bold; text-decoration: none; }

.BlizzardQuote .username
{ 
	color: #00C0FF !important; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 24px;
	background: url(../../images/Blizz.gif) no-repeat left center;
}
.BlizzardQuote .quote						{ color: #00C0FF !important; }

.RecruitmentAlert, .RecruitmentWarn {
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
}

.RecruitmentWarn A {
	text-decoration: none;
	color: yellow;
}

.RecruitmentAlert A {
	text-decoration: none;
	color: red;
	font-size: x-large;
}

.RecruitmentAlert A:Hover, .RecruitmentWarn  A:Hover {
	color: white;
}
.RecruitmentStatusOpen  { color: green !important; text-decoration: none; }
.RecruitmentStatusPending { color: yellow !important; text-decoration: none; }
.RecruitmentStatusClosed { color: red !important; text-decoration: none; }

a:Hover.RecruitmentStatusOpen ,
a:Hover.RecruitmentStatusPending,
a:Hover.RecruitmentStatusClosed {
	color: white !important;
	text-decoration: underline;
}




div.CalDay {
	height: 75px;
	position: relative;
	top: 0px;
}
.CalendarList div.CalDay {
	height: auto;
	padding-bottom: 15px;
}

div.CalDate a {
	display: none;
	float: right;
	color: white !important;
	font-weight: normal !important;
	text-decoration: none;
}

div.CalDate a:Hover {
	font-weight: bold !important;
	text-decoration: none;
}

td.OtherMonth		{ background-color: #000000; padding: 0px; }
td.OtherMonth:Hover	{ background-color: #151515; }

td.ThisMonth			{ background-color: #081711; padding: 0px; }
td.ThisMonth:Hover	{ background-color: #0C2219; }

.CalDate { 
	font-weight: bold;
	font-size: 12px;
	color: #888;

	text-align: left;
	border: 1px solid black;
	border-width: 0px 0px 1px 0px;
	padding: 0px 5px;
	
	white-space: nowrap;

}

td.ThisMonth .CalDate {
	color: White;
}

td.OtherMonth .CalEvent {
	color: dimgray;
}

.CalendarEvent {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	white-space: nowrap;
}

.CalendarList .CalendarEvent {
	text-align: left;
	padding-left: 10px;
}

.CalendarList .CalendarEvent .StartTime {
	position: absolute;
}

.CalendarList .CalendarEvent .EventName {
	margin-left: 4.5em;
}
a.CalendarEvent:Hover,
.EventHover {
	color: yellow !important;
}

table.EventTip {
	border: 1px solid white;
	background-color: black;
}

table.EventTip TD.EventCategory {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 0px 10px;
}

table.EventTip TD.EventName {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 0px 10px;
}

table.EventTip TD.EventTime {
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	padding: 0px 10px;
}

table.EventTip TD.EventDesc {
	font-size: 10px;
	padding: 0px 10px;
}

.CalError { color: #FF0000 !important; font-weight: bold; }

.Sarcasm {
	font-family: "Comic Sans MS", serif;
	font-size: 120%;
	font-variant: small-caps;
}

span.YesYes { color: #00FF00 !important; }
span.NoNo {}
span.Yes, span.YesNo { color: #00FF00 !important; }
span.No, span.NoYes { color: #FF0000 !important; }

.High { color: #00FF00; font-weight: bold;}
.Med { color: #CCFF00; font-weight: bold; }
.Low { color: #FF8800; font-weight: bold; }
.Closed { color: #FF0000; font-weight: bold; }

#PortalBody img.PostImage {
	width: 100%;
}

#GMOTD {
	
	top: 5px;
	left: 5px;
}

#GMOTD .GuildMessageText {
	text-align: center;
	font-family: monospace;
	font-size: 11px;
}

.NoExperience { background-color: #004000; }
.LittleExperience { background-color: #008000; }
.SomeExperience { background-color: #00c000; }
.LotsOfExperience { background-color: #00ff00; }

.AlwaysAvailable { color: #00FF00; font-weight: bold;}
.MostlyAvailable { color: #CCFF00; font-weight: bold;}
.SometimesAvailable { color: #FF8800; font-weight: bold; }
.Unavailable { color: #FF0000; font-weight: bold; }

.AppError {
	font-size: 12px;
	color: white;
	border: 1px solid white;
	background-color: darkred;
	font-weight: bold;
	text-align: center;
}

.spell, .spell a:link, .spell a:active, .spell a:visited, .spell a:hover {
	color: #FFBD78;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_poor, .item_quality_poor a:link, .item_quality_poor a:active, .item_quality_poor a:visited, .item_quality_poor a:hover {
	color: #9D9D9D;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_common, .item_quality_common a:link, .item_quality_common a:active, .item_quality_common a:visited, .item_quality_common a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_uncommon, .item_quality_uncommon a:link, .item_quality_uncommon a:active, .item_quality_uncommon a:visited, .item_quality_uncommon a:hover {
	color: #1EFF00;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_rare, .item_quality_rare a:link, .item_quality_rare a:active, .item_quality_rare a:visited, .item_quality_rare a:hover {
	color: #0870C1;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_epic, .item_quality_epic a:link, .item_quality_epic a:active, .item_quality_epic a:visited, .item_quality_epic a:hover {
	color: #9035CF;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_legendary, .item_quality_legendary a:link, .item_quality_legendary a:active, .item_quality_legendary a:visited, .item_quality_legendary a:hover {
	color: #DE800D;
	text-decoration: none;
	font-weight: bold;
}

.item_quality_artifact, .item_quality_artifact a:link, .item_quality_artifact a:active, .item_quality_artifact a:visited, .item_quality_artifact a:hover {
	color: #E5CC63;
	text-decoration: none;
	font-weight: bold;
}

/*- Default Tabs--------------------------- */

#DefaultTabs {
	float:left;
	font-size:73%;
	line-height:normal;
}
#DefaultTabs ul {
	margin:0;
	padding:0px 10px 0 10px;
	list-style:none;
}
#DefaultTabs li {
	display:inline;
	margin:0;
	padding:0;
}
#DefaultTabs a {
	float:left;
	background:url("images/tableft6.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#DefaultTabs a span {
	float:left;
	display:block;
	background:url("images/tabright6.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#DefaultTabs a span {float:none;}
/* End IE5-Mac hack */
#DefaultTabs a:hover span {
	color:#FFF;
}
#DefaultTabs a:hover {
	background-position:0% -42px;
}
#DefaultTabs a:hover span {
	background-position:100% -42px;
}

#DefaultTabs #current a {
	background-position:0% -42px;
}
#DefaultTabs #current a span {
	background-position:100% -42px;
}

.RaidInstanceName {
	font-size: 12px;
	font-weight: bold;
}
.RaidBoss {
	margin: 0px 0px 0px 20px;
}
.RaidBossName {
	font-size: 11px;
	font-weight: bold;
}

.LootItem {
	padding: 0px;
	margin: 0px 0px 0px 20px;
	font-size: 10px;
	font-weight: bold;
}

.DeadBoss { color: #eee; }
.AliveBoss { color: #999; }

.RaidResetDate,
.RaidBossKillDate {
	font-size: 8px;
	font-style: italic;
}

.RaidBossKillLink {
	font-size: 8px;
	font-weight: bold;
	text-decoration: none;
}

.DeleteRaidLink {
	font-size: 8px;
	font-weight: bold;
	float: right;
}

.DeleteRaidLink a {
	text-decoration: none;
	color: white !important;
}