/****************************************************************************
*																			*
*	WOW Guild armory by Jordy Houtman is licensed under a 					*
*	Creative Commons Attribution-Noncommercial-Share Alike 3.0 				*
*	United States License. Based on a work at 								*
*	downloads.jordyhoutman.com/projects/guildinfo/guildinfo.zip. 			*
*																			*
*	Designated data is linked from the World of Warcraft™ Armory, 			*
*	by Blizzard Entertainment®.												*
*																			*
****************************************************************************/


/*---------------------------------------------------------------------------
[Table of contents]

1. General color settings and layout
2. Armory topmenu
3. Members
	3.1. Member LISTVIEW
	3.2. Member CLASSVIEW
4. Footer
5. Tooltips
---------------------------------------------------------------------------*/



/* 1. General info		----------------*/
BODY					{	font-family: "Palatino Linotype", Georgia, serif; background-color: #000000; line-height: 130%; margin: 0px; color: #000000;  font-size:12px; }
a						{	text-decoration: none; color: #d6f9ff; }
a:hover					{	text-decoration: none; color: #1dadd9; }
img						{	border: none;}

DIV.GuildArmory			{	width: 820px; }


DIV.OptionBar			{	width: 380px; height: 30px; padding: 5px 20px 20px 0px; float: left; text-align: right;  }

DIV.MemberSort			{	width: 820px; height: 20px; font-size: 11px; clear: both; }
DIV.MemberSort	a		{	color: #fff; }



/* 2. Armory topmenu	----------------*/
DIV.GuildMenu			{	width: 820px; height: 60px; clear: both;}
DIV.ExtraGuildInfo		{	width: 380px; height: 30px; padding: 5px 0px 20px 00px; float: left; text-align: left;  }

DIV #ExtraGuildInfoTab	{ 	padding: 10px; border: 1px #2f6287 solid; background-color: #050f19; color: #ccc;  }
DIV.GuildMenu DIV.ExtraGuildInfo UL 	{	list-style: none;  margin: 0px; padding: 0px; }
DIV.GuildMenu DIV.ExtraGuildInfo UL LI	{	text-align: center;padding: 2px 0px 0px 0px; width: 117px; height: 33px; background: url(../images/button_tag.gif) top left no-repeat; }
DIV.GuildMenu DIV.ExtraGuildInfo UL LI	a{	padding-top: 2px ; color: #666;  font-size: 11px;}
DIV.GuildMenu DIV.ExtraGuildInfo UL LI	a:hover{ 	padding-top: 2px ; color: #1dadd9;   }

/* 3. Members			----------------*/
/* 		3.1. Members LISTVIEW ----------*/
#List	DIV.MemberLine		{	padding: 4px; margin: 0px; clear: both; height: 22px; width: 650px; border-bottom: 1px  #7d6754 solid;}
	#List	DIV.MemberLine	a	{ color: #004da2; text-decoration: none;  }
		#List	DIV.MemberLine:Hover		{	cursor: move; color: #fff;	 border-bottom: 1px  #4f9fc1 solid; background: url(../images/hover.png) top left repeat-x; } 
		#List	DIV.MemberLine:hover	a	{ color: #fff; text-decoration: none; }
	#List	DIV.MemberLine IMG	{ float:left; margin-right: 3px; }
	#List	DIV.MemberRace		{ width: 20px; margin-right: 11px;  float: left; }
	#List	DIV.MemberClass		{ width: 120px; margin-right: 11px; float: left; }	
	#List	DIV.MemberName		{ width: 150px; float: left; }
	#List	DIV.MemberRank		{ width: 200px; float: left; }
	#List	DIV.MemberHideLevel	{ display: none;}
	#List	DIV.MemberLevel		{ width: 40px; float: left; }
	#List	DIV.MemberProfessions{ width: 150px; float: left; }		
	#List	DIV.MemberSpec		{ width: 150px; float: left; }	


/* 		3.1. Members CLASSVIEW ----------*/
DIV.ClassSection			{  margin: 0px 15px 10px 0px;float: left; min-height: 500px; }
DIV.ClassHeader				{  color: #0E8EBE; font-weight: bold; width: 250px; padding: 6px 4px 9px 4px; border-bottom: solid 2px #666; margin-bottom: 2px; min-height: 30px; }
DIV.ClassHeader img			{	margin-top: 10px; margin-right: 10px; }

#Class	DIV.MemberLine		{	padding: 4px; margin: 0px; clear: both; height: 22px; width: 250px; border-bottom: 1px  #7d6754 solid;}
	#Class	DIV.MemberLine	a	{ color: #004da2; text-decoration: none;  }
		#Class		DIV.MemberLine:Hover		{	 cursor: move; color: #fff;	 border-bottom: 1px  #4f9fc1 solid; background: url(../images/hover.png) top left repeat-x; } 
		#Class		DIV.MemberLine:hover	a	{ color: #fff; text-decoration: none; }
	#Class	DIV.MemberLine IMG	{ float:left; margin-right: 3px; }
	#Class	DIV.MemberRace		{ width: 20px; margin-right: 3px; float: left; }
	#Class	DIV.MemberClass		{ display:none;}
	#Class	DIV.MemberName		{ width: 100px; float: left; }
	#Class	DIV.MemberRank		{ width: 90px; float: left; }
	#Class	DIV.MemberHideLevel	{ display: none; }
	#Class	DIV.MemberLevel		{ width: 20px; margin-right: 10px; float: left; }
	#Class	DIV.MemberProfessions{ width: 150px; float: left; }		
	#Class	DIV.MemberSpec		{ width: 150px; float: left; }		

		
	
/* 4. Footer			----------------*/
DIV.ArmoryFooter				{	width: 820px; font-size: 11px; color: #666; border-top: #333 solid 1px;}
DIV.ArmoryFooter DIV.Lic		{	width: 100px; height: 50px;  float: left; }
DIV.ArmoryFooter DIV.RightLic	{	width: 710px; height: 50px; float: left; }
DIV.ArmoryFooter a				{	color: #888; text-decoration: underline; }
DIV.ArmoryFooter a:hover		{	color: #999; text-decoration: underline; }


/* 5. Tooltips			----------------*/	
span.tool {
  position: relative;
}
 
span.tool span.tip {
  display: none;
}

 
span.tool:hover span.tip {
  display: block;
  font-size: 11px; 
  z-index: 100;
  position: absolute;
  top: 25px;
  right: 25px; 
  min-height: 12px; 
  min-width: 120px; 
  padding: 5px; 
  border: 1px solid #333;
  background-color: #000;
  color: #ccc;
  text-align: center;
}