﻿body
{
/*	font-family: Arial, Helvetica, sans-serif; */
/*	font-family: 'Arial Black' , Gadget, sans-serif; */
/*	font-family: 'Bookman Old Style' , serif; */
/*	font-family: 'Comic Sans MS' , cursive; */
/*	font-family: Courier, monospace; */
/*	font-family: 'Courier New' , Courier, monospace; */
/*	font-family: Garamond, serif; */
/*	font-family: Georgia, serif; */
/*	font-family: Impact, Charcoal, sans-serif; */
/*	font-family: 'Lucida Console' , Monaco, monospace; */
/*	font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif; */
/*	font-family: 'MS Sans Serif' , Geneva, sans-serif; */
/*	font-family: 'MS Serif' , 'New York' , sans-serif; */
/*	font-family: 'Palatino Linotype' , 'Book Antiqua' , Palatino, serif; */
/*	font-family: Symbol, sans-serif; */
/*	font-family: Tahoma, Geneva, sans-serif; */
/*	font-family: 'Times New Roman' , Times, serif; */
/*	font-family: 'Trebuchet MS' , Helvetica, sans-serif; */
/*	font-family: Webdings, sans-serif; */
/*	font-family: Wingdings, 'Zapf Dingbats' , sans-serif; */
/**/
/*	font-family: Verdana, Geneva, sans-serif; */
/*    font-family: 'Walter Turncoat', Verdana, Sans-Serif; */
    font-family: 'Coming Soon', Verdana, Sans-Serif;
/**/
	color:#e43f19;
	font-weight:normal;
	font-style:normal;
	font-size:72%;
}
h1,h2,h3
{
	color:Orange;
}
a, a:visited
{
	color:Yellow;
	text-decoration: none;
}
a:hover
{
	color:#e43f19;
	text-decoration: none;
	text-shadow: #000000 2px 2px 2px;
}

img
{
	border: none;
	margin: 0;
	padding: 0;
}


#browserimages
{
	margin-top:8px;
}

.chains
{
	position: relative;
	height: 32px;
	width: 100%;
}

.chaincell
{
	position: relative;
	height: 32px;
	min-height: 32px;
	width: 100%;
	background-image: url("/gfx/Chains.png");
	background-position: right top;
	background-repeat: repeat-y;
}

.chaincellleft
{
	position: relative;
	height: 32px;
	min-height: 32px;
	width: 100%;
	background-image: url("/gfx/Chains.png");
	background-position: 1px bottom;
	background-repeat: repeat-y;
}

.chaincelldouble
{
	position: relative;
	height: 32px;
	min-height: 32px;
	width: 100%;
	background-image: url("/gfx/ChainsDouble.png");
	background-position: right top;
	background-repeat: repeat-y;
}

.chainsleft
{
	height: 32px;
	margin-left: 32px;
	background-image: url("/gfx/Chains.png");
	background-repeat: repeat-y;
	background-position: left top;
}

.chainsleftleft
{
	float:left;
	height: 32px;
	margin-left: 192px;
	width:64px;
	background-image: url("/gfx/Chains.png");
	background-repeat: repeat-y;
	background-position: center top;
}

.chainsright
{
	height: 32px;
	margin-right: 32px;
	background-image: url("/gfx/Chains.png");
	background-repeat: repeat-y;
	background-position: right top;
}

.chainsmiddle
{
	height: 32px;
	background-image: url("/gfx/Chains.png");
	background-repeat: repeat-y;
	background-position: center top;
}

.chains div
{
	width: 50%;
	height: 32px;
	background-image: url("/gfx/Chains.png");
	background-repeat: repeat-y;
}

.chains .l
{
	float: left;
	background-position: center top;
}

.chains .ll
{
	float: left;
	background-position: left top;
}

.chains .lml
{
	float: left;
	background-position: 25% top;
}

.chains .r
{
	float: right; 
	background-position: center top;
}
.tabardimg
{
	height:96px;
	vertical-align:top;
}
.tabard  
{
	white-space:nowrap;
	margin:0px;
	font-size:1.0em;
	vertical-align:top;
}
.tabard SPAN
{
	color:Orange;
	margin:2px;
}

.error
{
	color:yellow;
	font-weight:bold;
	font-size:large;
	background-color:#c00000;
	border:none 4px #a00000;
	text-align:center;
}

.articleHolder
{
	position:relative;
}

.articleName 
{
	color:orange;
	padding:1px 2px 2px 2px;
}

.articleDate
{
	text-align:right;
	font-size:xx-small;
	color:#404040;
}
.articleDate:hover
{
	color:#808080;
}
.articleEdit
{
	position:absolute;
	top:0px;
	right:8px;
	text-align:right;
	width:100%;
}

.paragraphinstruction
{
	font-size:larger;
	padding:8px;
	color:Orange;
}

.itemquality0
{
	color:Silver;
}
.itemquality3 A
{
	color:Red;
}
.itemquality4 A
{
	color:Purple;
}
.itemquality7 A
{
	color:Blue;
}
.news-snip
{
	padding:0px;
	margin:2px;
}

.news-snip h1
{
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

.news-snip h1>span
{
	font-size:0.75em;
	color:white;
}

.news-snip p
{
	margin:0px;
	padding:0 0 4px 8px;
}

.news-snip p>a
{
	color:cyan;
}
.news-snip p>a:hover
{
	color:white;
	cursor:pointer;
}

.shotVote
{
}

.shotVote span
{
	position:relative;
	padding-right:4px;
	top:-6px;
}

.shotYourVote 
{
}
.shotYourVote span
{
	color:gold;
	position:relative;
	padding-right:4px;
	top:-6px;
}
.hidden 
{
	display:none;
}

.noaccess
{
	
}
.noaccess img
{
	float:left;
}
.noaccess p
{
	padding:24px;
	font-size:1.5em;
	font-weight:bold;
	height:200px;
	min-height:200px;
}

.notificationpopup
{
}
.notificationpopup>img
{
	float:left;
	margin:16px 16px 0px 16px;
}
.notificationpopup>p
{
	padding:16px 16px 0px 16px;
	margin:0px;
	font-size:1.5em;
	font-weight:bold;
	min-height:80px;
	
}

.notificationpopupok
{
	text-align:center;
	margin:0px;
	padding-bottom:16px;	
}

.badauto
{
	
}

.badauto>img
{
	float:left;
	margin-right:16px;
}

.badauto>div
{
	padding:16px;
	font-size:1.5em;
	font-weight:bold;
	height:288px;
	min-height:288px;
}

.newslinks
{
	width:98%;
	text-align:right;
	padding:0px 8px 0px 8px;
}

#newsheader
{
	width:100%;
	text-align:right;
	color:yellow;
	font-weight:bold;
}

#newsheader a
{
	color:cyan;
}
#newsheader a:hover
{
	color:white;
	cursor:pointer;
}

.linkscategory
{
	text-align:left;
	background-image: url("/gfx/shadeOdd.png");
	background-repeat: repeat;
	background-position: left top;
	border:solid 2px orange;
	color:Orange;
	font-size:2.5em;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
}	

.uploadbanner
{
	font-size:1.6em;
	font-weight:bold;
}

.fileUpload
{
	border-top:solid 1px gold;
	margin-top:2px;
	padding-top:4px;
}

.confirmation
{
}
.confirmation>img
{
	float:left;
	margin:0px 16px 0px 16px;
}
.confirmation p
{
	padding-top:24px;
	padding-left:16px;
	font-size:1.2em;
	padding-bottom:24px;
}
.iq0 /* poor */
{
	color:Gray;
}
.iq1 /* common */
{
	color:white;
}
.iq2 /* uncommon */
{
	color:#00ff00 !important;
}
.iq3 /* superior */
{
	color:#0070dd !important;
}
.iq4 /* epic */
{
	color:#a335ee !important;
}
.iq5 /* legendary */
{
	color:orange !important;
}
.iq6 /* artefact */
{
	color:#bbaf8c !important;
}
.iq7 /* heirloom */
{
	color:#bbaf8c !important;
}
.heroic
{
	color:#00ff00;
}

.attentionlist
{
}

.attentionlist .alertchar
{
    color:Orange;
    font-weight:bold;
}

.attentionlist LI
{
    color:Green;
}
.attentionlist>LI SPAN
{
    color:#e43f19;
}

.layout .statFlat
{
    color:gold;
}
.layout .statUp
{
    color:green;
    font-weight:bold;
}
.layout .statDown
{
    color:red;
    font-weight:bold;
}

._nowrap
{
	white-space:nowrap;
}
.money
{
    color:Gray;
}

/* item tooltip */
.item-tooltip
{
    color:White;
    font-weight:bold;
    margin:0px;
}

.item-tooltip .sidebyside
{
    position:relative;
    top:0px;
}

.item-tooltip .itemlefticon
{
    position:absolute;
    left:-50px;
    top:1px;
    height:48px;
}

.item-tooltip H1
{
    font-size:0.7em;
    margin:0px !important;
    padding:0px !important;
}

.item-tooltip H2
{
    color:lime !important;
    margin:0px !important;
    padding:0px !important;
}

.item-tooltip .slot
{
}
.item-tooltip .type
{
    float:right;
}

.item-tooltip .equipedstats
{
    color:Lime !important;
    font-weight:normal !important;
    max-width:25em;
}

.item-tooltip .comment
{
    color:gold !important;
    font-weight:normal !important;
    max-width:25em;
    margin:0px;
    padding:2px;
}

.item-tooltip .random
{
    color:Lime !important;
    font-weight:normal !important;
}

.item-tooltip .reforged
{
    color:lime !important;
}
.item-tooltip .differences
{
    font-weight:bold !important;
    margin-top:4px;
    margin-left:4px !important;
}
.item-tooltip .differences .statdown, .item-tooltip .reforged .statdown
{
    color:red !important;
}

.item-tooltip .differences .statup, .item-tooltip .reforged .statup
{
    color:lime !important;
}

.item-tooltip UL
{
     list-style-type:none;
     padding-left:0px !important;
     margin-left:0px !important;
}
.item-tooltip UL LI
{
}

.item-tooltip .enchanted
{
    color:green !important;
}

.item-tooltip .sockets
{
}
.item-tooltip .sockets DIV
{
    position:relative;
    display:inline-block;
}

.item-tooltip .sockets .socketbonus
{
    padding-left:19px;
    color:gray !important;
}

.item-tooltip .sockets .socketcolor
{
    top:-2px;
    margin-left:4px;
    color:Silver;
}

.item-tooltip .sockets .socketcompare
{
    top:-2px;
    margin-left:4px;
}

.item-tooltip .socket
{
    height:15px;
    width:15px;
    background-image : url("/roster/img/items/sockets.png");
    background-repeat:no-repeat;
}
.item-tooltip .socket .gem
{
    height:13px;
    padding:1px;
}
.item-tooltip .socketRed
{
    background-position:0px top;    
}

.item-tooltip .socketYellow
{
    background-position:-15px top;    
}

.item-tooltip .socketBlue
{
    background-position:-30px top;    
}

.item-tooltip .socketMeta
{
    background-position:-45px top;    
}
.item-tooltip .socketCogwheel
{
    background-position:-120px top;    
}
.item-tooltip .socketPrismatic
{
    background-position:-60px top;    
}

.toonfail
{
}

.toonfail LI
{
    color:yellow !important;
    font-weight:bold;
}
