/* a light row */
tr.light_itemrow, tr.dark_itemrow, tr.unknown_itemrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #FFFFFF;
	height: 28px;
	vertical-align: top;
	white-space:nowrap;
}
/* a light row */
tr.light_itemrow { background-color: #2e2e2e; }
/* a dark row */
tr.dark_itemrow { background-color: #1d1918; }
/* a greyed out row */
.unknown_itemrow { background-color: #595959; }

tbody > tr.dark_itemrow:hover { background-color: #241F1E; }
tbody > tr.light_itemrow:hover { background-color: #363636; }



.itemIcon 
{
	width:28px;
	height:28px;
}
.itemIcon_small 
{
	width:20px;
	height:20px;
	vertical-align: middle;
}
.itemIcon_tiny 
{
	width:13px;
	height:13px;
	vertical-align: middle;
}
.itemIcon_supertiny
{
	width:10px;
	height:10px;
}
.itemrow_tags
{
	padding-top:4px;
	padding-left: 6px; padding-right: 6px;
	text-align: center;
	width:24px;
	white-space:nowrap;
}
.itemrow_tagDetails
{
	/*line-height:28px;*/
	text-align:center;
	padding-left: 6px; padding-right: 6px;
	padding-top: 7px;
}
.itemrow_tagDetails_points { font-size:11px;	}
.itemrow_tagDetails_craftLvl { font-size:11px;	}
.itemrow_tagDetails_instLong {	display: block;		}
.itemrow_tagDetails_instShort {	display: none;	}
/*
.tag_InstTxt_Instance, .tag_InstTxt_Heroic, .tag_InstTxt_Raid
{
	height:22px;
	line-height:22px;
}*/
.tag_InstTxt_Instance {color:#73EC5B;}
.tag_InstTxt_Heroic {color:#31beff;}
.tag_InstTxt_Raid {color:#FF8000;}

.textWrapper 
{
	vertical-align:middle;
}


.itemrow_comparator
{
	width:28px;
}
.iconWrapper {
	position: relative;
}
.itemStackAmount {
	position:absolute; 
	bottom:1px; right:2px;
	font-size:10px;
}
.itemrow_img { width:28px; }
.itemName_div
{
	line-height: 28px;
	padding: 0px 10px;	
	overflow: hidden;
	white-space:nowrap;
}
.itemrow_level {
	width: 28px;
	line-height:28px;
	text-align: center;
	padding-left:3px;
	padding-right:3px;
}
.itemrow_smallReqLevel {
	color:grey; 
	font-size: 10px;
	line-height: 10px;
	padding-left:3px;
	padding-right:3px;
}
.itemrow_smallLevel {
	line-height: 16px; 
	font-size:11px
	padding-left:3px;
	padding-right:3px;
}

.itemrow_links {
	width:82px;
	white-space:nowrap;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.recipeLink, .suffixLink
{
	cursor: pointer;
	text-decoration: underline;
	padding-bottom:6px; padding-top:6px;	
	padding-left: 2px; 	padding-right: 2px;
	 
	margin: 0px -1px; 
}
span.recipeLink.hover, span.recipeLink:hover 
{
	background-color: #111010;
}
span.suffixLink.hover, span.suffixLink:hover 
{
	background-color: #111010;
}
/* the max/min arrow in the header */
.RecipeDetails_Arrow_lr, .RecipeDetails_Arrow_dr
{
	width:14px;		
	height:14px;
	position: absolute;
	margin-top:7px;
	margin-left:2px;
	margin-right:2px;
	background-position: 0px 0px;
	cursor: pointer;
}
/*
span.RecipeDetails_Arrow_lr:hover, span.RecipeDetails_Arrow_lr.hover, span.RecipeDetails_Arrow_dr:hover, span.RecipeDetails_Arrow_dr.hover
{
	background-position: 14px 0px;
}
.RecipeDetails_Arrow_lr { background-image: url(../imgs/itemList/recipearrow_right_lr.gif); }
.RecipeDetails_Arrow_dr	{ background-image: url(../imgs/itemList/recipearrow_right_dr.gif); }*/


.suffixGroup
{
	margin:3px 10px;
	border:1px solid #4D4544;	
	white-space: normal;
}
.suffixTitle
{
	font-size:11px;
	background-color:#1D1918;
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
}
.suffixEnchant
{
	font-size:11px;
	color:#CCCCCC;
	padding-left: 5px;
	padding-right:5px;	
	padding-bottom:2px;
	padding-top:2px;
	background-color:#2B2524;
}


.recipeDetails {
	margin: 3px 10px 5px;		
/*	border: 1px solid #4D4544;	
	background-color: #1D1918;*/
}
.recipeCraftedItem {
	height: 20px;
	/*margin-bottom: 5px;
	border-bottom: 1px solid #292322;	*/
	background-color: #1D1918;
	
	padding: 2px 5px 2px 2px;
	margin-bottom:-1px;
	border:1px solid #4D4544;
}
.recipeCraftedItem img {
	vertical-align:middle;
}

/* RECIPE COMPONENT LIST */
.recipeComponentTag {
	border: 1px solid #4D4544;
/*	border-left-width: 1px;*/
	border-bottom-width: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #241F1E;
	font-size: 11px;
	/*margin-top:5px;*/
	margin-top: -1px;
	margin-left:-1px;
	width:100px;
	color:#FFFFFF;
}
table.recipeComponents {
	/*width:100%;*/ 
	font-size: 10px;
	color:#FFFFFF;
	
	margin-bottom:-1px;
	margin-left:-1px;
	margin-right:-1px;
	/*width:101%;*/

	border: 1px solid #4D4544;
	/*border-top-width: 0px;*/
}
/*
table.recipeComponents td {
	padding-left:5px;
	padding-right:5px;
}*/

td.recipeHeaderCnt {
	background-color: #1D1918;
	text-align: right;
	padding-right:5px;
	padding-left:5px;
	white-space: nowrap;
}
td.recipeHeaderIcon {
	background-color: #1D1918;
	text-align: right;
	padding-left:5px;
	padding-right:1px;
}
td.recipeHeaderName {
	background-color: #1D1918;
	font-size:11px;
	padding-left:5px;
	padding-right: 10px;
/*	white-space:nowrap;*/
}
.recipeHeaderLinks {
	background-color:#171413;
	text-align: center;

	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
td.recipeSource {
	background-color:#171413; 
	font-size:10px; 
	text-align:right;
	padding-right:5px;
}

td.recipeComponentDetails {
	text-align: right;
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}
td.recipeComponentName {	
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	
	white-space:nowrap;
	
	width:100%;
	
	padding-left:5px;
	padding-right:15px;
}
td.recipeComponentLinks {
	text-align: center;
	border-top: 1px solid #38302F;
	background-color:#241F1E;
	
	padding-left:5px;
	padding-right:5px;
	white-space: nowrap;
/*	width:64px;*/
}

/*
.recipeComponentCnt {
	width:25px;
	text-align: right;
}
.recipeComponentImg {	
	width:13px;
	text-align: center;
}*/
/*
table.recipeComponents td {
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	padding-left:5px;
	padding-right:5px;
}
*/

td.recipeComponentCntTotal {
	/*width:30px; */
	text-align:center;
	
	border-right: solid 1px #403938;
	border-top: 1px solid #38302F;
	background-color: #241F1E;
	
	font-size:9px;
	color:#CCCCCC;
	white-space: nowrap;
	
	padding-left:5px;
	padding-right:5px;
}
td.recipeComponentPrice {
	text-align:right;
	font-size:9px;
	/*width: 115px;*/
	
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	
	padding-left:2px;
	padding-right:2px;
	
	white-space: nowrap;
}
td.recipeComponentTotals {
	text-align:right;
	font-size:9px;
/*	width: 115px;*/
	
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	
	padding-left:5px;
	padding-right:5px;
	
	white-space: nowrap;
}

td.recipeTotalsTitle {
	font-size:9px;
	white-space: nowrap;
	
	border-top: 1px solid #38302F;
	background-color: #2B2524;
	
	padding-left:5px;
	padding-right:5px;
	line-height:13px;
}


.recipeTotalsSection {
	margin-bottom: -1px;
	border: solid 1px #4D4544;
	border-bottom-width: none;
}
.recipeTotal {
	border-bottom: solid 1px #2B2624;	
	background-color:#241F1E;
	padding-left:5px;
	padding-right:5px;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	line-height:15px;
}

.recipeGrandTotals {

}
.recipeRequirements {
	font-size:9px;
	color:#999999;
	
	border: solid 1px #4D4544;
	background-color:#1D1918;
	
	padding-left: 10px; padding-right: 10px;
	padding-top: 1px; padding-bottom: 1px;
}

.quality_ 	{ color: #000000; /*vertical-align:middle;*/ } /* unknown */
.quality_0 	{ color: #9d9d9d; /*vertical-align:middle;*/ } /* poor */
.quality_1 	{ color: #FFFFFF; /*vertical-align:middle;*/ } /* common */
.quality_2 	{ color: #1eff00; /*vertical-align:middle;*/ } /* uncommon */
.quality_3 	{ color: #0070dd; /*vertical-align:middle;*/ } /* rare */
.quality_4 	{ color: #a335ee; /*vertical-align:middle;*/ } /* epic */
.quality_5 	{ color: #ff8000; /*vertical-align:middle;*/ } /* legendary */
.quality_6 	{ color: #e6cc80; /*vertical-align:middle;*/ } /* artifact FF0000*/
.quality_spell { color: #FFDD00; /*vertical-align:middle;*/ } /* spell */


/* used only in admin to show invalid (depreciated) items */
.invalidItem {
	text-decoration: line-through;
	color: #000000;
}
.coin_large {
	margin-right:2px;
	vertical-align:top;
}

.coin {
	width: 10px;
	height: 10px;
	margin-left:2px;
	margin-right:3px;
}

.coin_small {
	width: 8px;
	height: 8px;
	margin-left:2px;
	margin-right:3px;
}
.pageList
{
	font-size: 12px;
	color:#FF9900;
	padding-bottom:6px;
	padding-top:5px;
	padding-left:100px;
	text-align:right;
}
.pageList_num, .pageList_curr {
	padding: 3px; 
	/*
	padding-right: 3px;
	padding-top: 4px; padding-bottom: 4px;		*/
}
.pageList_num.hover, .pageList_num:hover {
	background-color:#1F1B1D; 
}

.pageList_curr { 
/*	background-color:#1F1B1D;*/
	color:#FFFFFF;
	font-size: 11px; 
}
.pageList_prev, .pageList_next { 
	text-decoration:none;
	font-size: 11px; 
	padding: 3px; 
}
.pageList_prev.hover, .pageList_prev:hover, .pageList_next.hover, .pageList_next:hover {
	background-color:#1F1B1D; 
}
.pageList_prev { margin-right: 6px; }
.pageList_next { margin-left: 6px;}

.pageList_divide { color:#844F00; }

.pageList_grp_0 { 
	font-size: 10px;
	color:#FF9900;
} /* 1s */
.pageList_grp_1 { 
	font-size: 9px;
	color:#CB7A00;
} /* 10s */
.pageList_grp_3, .pageList_grp_2  { 
	font-size: 9px; 
	color:#995C00;
} /*100s and 1000s*/


/* the mouseover box */
.itembox {
/*
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
*/
	
	background-color:#111010;
	border:1px solid #999999;	
	
	font-family:arial,sans-serif;
	font-size:11px;
	color: #FFFFFF;
	
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	
	line-height:13px;
	
	width:auto;
	max-width: 300px;
	min-width:180px;
	
	padding:4px 8px; /* top&bottom , left&right */	

	/*position:relative;*/
	
	text-align: left;
}

.itembox_nameTxt {
	font-size:12px;
	line-height:16px;
}

/* push the text to the right of the item box */
.itembox_rTxt {
	position:absolute;
	right:8px;
	text-align:right;
	top:inherit;
}

/* green text used in use: and equip: txt at the bottom */
.itembox_spellTxt 		{	color: #1eff00; }
.itembox_spellTypeTxt 	{	color: #129e00; }

/* orangey text used occasionally for descriptions*/
.itembox_descTxt 	{	color: #FFD200; }

.itembox_highlight 	{ 	color: #FFD200; }

.itembox_sourceInfo_r {
	position:absolute;
	right:8px;
	text-align:right;
	top:inherit;
}
.itembox_sourceInfo_l {
/*	display: block;*/
}
.itembox_sourceHighlight
{
	color: #FFD200;
}

.itembox_setBonus { color: #AAAAAA; }

/* the img for all 4 socket type images */
.socket_Img {
	vertical-align: middle;
	margin-bottom:1px;
	margin-right:5px;
	margin-top:1px;	
}
.socket_Txt 		{ 	color: #1eff00; }
.socket_Txt_blue 	{ 	color: #5454e5; vertical-align:middle; }
.socket_Txt_yellow 	{ 	color: #f3e838; vertical-align:middle; }
.socket_Txt_red 	{ 	color: #e93810; vertical-align:middle; }
.socket_Txt_meta 	{ 	color: #b8b7b2; vertical-align:middle; }
/* grey txt used for socket colour and socket bonus text */
.socket_BonusTxt 	{ 	color: #AAAAAA; }

.itembox_missingDataTitle {
	color: #DDDDDD;
	font-size: 12px;
}
.itembox_missingDataTxt {
	color: #AAAAAA;
	font-size: 11px;
}


.itemrow_comparatorControl
{	
	text-align:center;
	height:7px;
	font-size:1px;
	line-height:0;
	width:28px;
	cursor:pointer;
}

.comparatorBox 
{
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	position: relative
}
.comparatorWrapper
{
	position: relative;
	
	border: 1px solid rgb(153, 153, 153); 
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-bottomleft: 4px; 
	padding-left:10px;
	margin-top:5px;
	text-align: left;
/*	width: 230px;*/
	width: 226px;	
	margin-left:-5px;
	_width: 100%; /*For some reason FF doesnt like 100% width, but IE needs it??*/
	
}
#allComparators
{
	position: relative;
	margin-top: -5px;
}
.comparatorCloser
{
	position:absolute; 
	top: 4px; 
	right: 5px; 
	
	cursor: pointer;
}