/******************************************************************************
**** Filename		CSS.INCAND.CSS
**** 
**** Author			Arkhelion
**** Contact		arkhelion@guilde-incandescence.com
****
**** Project		Incandescence kinship website
**** 				@ www.guilde-incandescence.com
****
**** Description	Stylesheet for the whole website
**** 
**** Comments		Mimics IP.Board Pro theme style
**** 
**** Version History
**** 		[2007-07-07]	-01-	File creation
******************************************************************************/

/******************************************************************************
**** GENERAL STYLE
******************************************************************************/
html {
	overflow:			auto;
}

body {
	font-family: 		Tahoma, Verdana, Arial, Sans-Serif;
	font-size:			12px;
	line-height:		135%;
	margin:				0px;
	padding:			0px;
	text-align:			center;
	background: 		#FFF;
	color: 				#222;
}

img{
	border:				0;
	vertical-align:		middle;
}

a:link,
a:visited,
a:active{
	background:			transparent;
	color: 				#222;
	text-decoration: 	underline;
}

a:hover{
	color:				#222;
	background: 		transparent;
}

/******************************************************************************
**** UPPER MENU STYLE
******************************************************************************/
div.logo {
	color:				#31363d;
	height: 			100px;
	margin: 			0;
	padding:			0;
	text-align: 		left;
	background: 		#303b4a;
}

div.upper_menu {
	margin: 			0;
	height: 			30px;
	text-align: 		right;
	background: 		#979ba0;
	color: 				#31363d;
}

div.upper_menu a {
	display: 			block;
	padding: 			7px;
	text-decoration: 	none;
	color: 				#31363d;
	background:			#979ba0;
}

div.upper_menu a:hover {
	background-color:	#c5c7ca;
	color: 				#1a1b1c;
}

div.user_band {
	color:				#31363d;
	margin: 			0px 0 5px 0;
	padding:	 		0 5px 0 5px;
	clear: 				both;
	background: 		#e4e9f0;
	border-bottom: 		1px solid #ced5e0;
	display:		block;
	height:			24px;
	minheight:		24px;
}

div.user_band div {
        display:                        block;
        padding:                        3px;
        color:                          #31363d;
	background:		transparent !important;
}

div.user_band a {
	text-decoration:		none;
	padding:			0px;
	padding-right:			5px;
}

div.user_band a.hover {
	text-decoration:		underline !important;
}

/******************************************************************************
**** FOOTER STYLE
******************************************************************************/
table.footer {
	margin: 			5px 0 5px 0;
	padding: 			0;
	width: 				100%;
	background: 		#3b424c;
	color: 				#fff;
}

table.footer td{
	font-size: 			10px;
	padding: 			7px;
}

/*table.footer a:link,
table.footer a:visited {
	color: 				#fff;
}*/

/******************************************************************************
**** LAYOUT PAGE STYLE
******************************************************************************/

div.wrapper {
	margin: 			15px auto 20px auto;
	text-align: 		left;
	width: 				98%;
}

div.borderwrap {
	color: 				#222;
	background: 		#fff;
	padding: 			1px; 
	margin: 			0px; 
	border: 			1px solid #c4c4c4;
}

div.maintitle {
	font-size: 			13px;
	font-weight: 		bold; 
	margin: 			0px;
	padding: 			8px 8px 8px 15px;
	background: 		#303b4a;
	color: 				#FFF;
}

div.maintitle a:link, 
div.maintitle a:visited { 
	background: 		transparent;
	text-decoration: 	none;
	color: 				#FFF;
}

div.maintitle a:hover, 
div.maintitle a:active { 
	background: 		transparent;
	color: 				#e9eef4;
	border-bottom: 		1px solid #e9eef4;
}

div.maincontent {
	color: 				#222;
	background:			#f5f5f5;
	border: 			0 !important;
	padding: 			6px;
}

/******************************************************************************
**** TABLES STYLE
******************************************************************************/

table.maintable {
	width:				100%;
	background: 		transparent;
	color: 				#222;
	font-size: 			12px;
	line-height: 		135%;
}

td.nopad {
	padding: 			0;
}

td.maintitle {
	font-size: 			13px;
	font-weight: 		bold; 
	margin: 			0px;
	padding: 			8px 8px 8px 15px;
	background: 		#303b4a;
	color: 				#FFF;
}

th.maintitle {
	font-size: 			13px;
	font-weight: 		bold; 
	margin: 			0px;
	padding: 			8px 8px 8px 15px;
	background: 		#303b4a;
	color: 				#FFF;
}

th {
	font-size: 			12px;
	font-weight: 		bold;
	margin: 			0; 
	padding: 			5px;
	background: 		#ced7e5;
	border-bottom: 		1px solid #9aa4b1;
	color: 				#464c55;
	border-right: 		1px dotted #b0bbcd !important;
}

th a {
	color: 				#464c55;
	border-bottom: 		1px dotted #464c55;
	background:			#ced7e5;
}

th a:hover {
	border-bottom: 		1px solid #464c55;
}

th a:link,
th a:visited,
th a:active {
	color: 				#464c55;
	background: 		transparent;
	text-decoration: 	none;
}

td.maintitle a:link, 
td.maintitle a:visited { 
	background: 		transparent;
	text-decoration: 	none;
	color: 				#FFF;
}

td.maintitle a:hover, 
td.maintitle a:active { 
	background: 		transparent;
	color: 				#e9eef4;
	border-bottom: 		1px solid #e9eef4;
}

td.row1 {
	color: 				#222;
	background: 		#e4e6e9;
}

td.row2 {
	color: 				#222;
	background:			#eff1f3; 
}

div.pagination {
	text-align:				right;
}

/******************************************************************************
**** FORMS STYLE
******************************************************************************/
input,
textarea,
select {
	font-family:		Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 			11px;
	margin: 			5px;
	padding: 			2px;
	vertical-align: 	middle;
	background: 		#FFF;
	border: 			1px solid #6a7382;
	color: 				#000;
}

select
{
	margin: 			0px;
}

/******************************************************************************
**** POPUPS STYLE
******************************************************************************/

div.lotritem	{
	font-family:		tahoma,verdana,arial,sans-serif;
	font-size:			12px;
	color:				white;
	border:				1px solid #a9a9a9;
	padding:			3px;
	background-color:	black;
	text-align :		left;
	/*-moz-border-radius: 5px;*/
	min-width:			150px;
	max-width:			350px;
}

div.lotritem a { color: #ffd200;}

span.itemWhite {color: white; }
span.itemYellow {color: #FFFF00; }
span.itemPurple {color: #FF00FF; }
span.itemBlue {color: #00FFFF; }
span.itemOrange {color: #CD6600; }
span.itemGreen {color: #00FF00; }
span.itemLightGreen {color: #90ee90; }
span.itemPink {color: #FF0000; }
span.itemCyan {color: #87CEEB; }
span.itemBrown { color: #c89449; }
span.itemGold { color: #FFD700; }
span.itemRed {color: red; }
span.itemBlueGreen {color: #33cc99; }
b.lotro-quality-legendary  { color: #00FFFF; }
b.lotro-quality-incomparable  { color: #CD6600; }
b.lotro-quality-rare  { color: #FF00FF; }
b.lotro-quality-uncommon  { color: #FFFF00; }
b.lotro-quality-common  { color: #FFFFFF; }

span.akznotice {display: none;}

span.quality1  { color: #ff0000; background: transparent; }
span.quality2  { color: #c86a00; background: transparent; }
span.quality4  { color: #919100; background: transparent; }
span.quality6  { color: #0495cb; background: transparent; }
span.quality7  { color: #02aa02; background: transparent; }
span.quality8  { color: #7f7e7e; background: transparent; }
span.green  { color: #00ff00; background: transparent; }
span.yellow { color: #FFFF00; background: transparent; }
span.red { color: #FF0000; background: transparent; }
span.brown { color: #c89449; background: transparent; }
span.orange { color:#CD6600; background: transparent; }
span.teal { color:#008080; background: transparent; }
span.purple { color:#FF00FF; background: transparent; }


.fgclass, .bgclass {
	color:#000000;
	background-color: #3c4247;
	border: 1px solid #000;
	margin: 10px 0 0;
	overflow: hidden;
}