/****************************************************************/
/* Default Styles */
/****************************************************************/

html 
{
   overflow-y: scroll;
}

body
{
    margin: 0px;    
    font: 9pt Trebuchet MS,Verdana,Arial,Helvetica;
    line-height: 1.3em;
}

input, select, textarea
{
    font: 1em Trebuchet MS,Verdana,Arial,Helvetica;    
}

a
{
    color: #06c;
    text-decoration: none;
    padding: 1px;
}

a:hover
{
    background: #06c;
    color: white;
}

ul
{
    list-style-type: decimal;
    margin-left: 5px;
}

h1
{
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    font-size: 1.3em;
}

h1:first-child
{
    margin-top: 0;
}

h1 a
{
    font-weight: normal;
}

h2
{
    margin-top: 1em;
    font-size: 1.2em;
    color: #c60604;
    border-bottom: orange 1px solid;
}

h3
{
    margin-top: 1em;
    font-size: 1.1em;
}

h4
{
    margin: 0;
    font-size: 1.1em;
}

p
{
    max-width: 75em;
}

dt
{
    margin-top: 1em;
    font-weight: bold;
}

dd
{
}

i
{
    text-decoration: none;
    color: silver;
    font-style: normal;
}




table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
}

tr
{
    border-bottom: solid 1px #eee;
    -background: #f0f0f0;
}

th
{
    text-align: left;
    padding: 4px;
    background: #eee;
    border: solid 1px #eee;
    text-align: right;
}

td
{
    padding: 2px 4px;
    border: solid 1px #eee;
    text-align: right;
}

th.header
{
    cursor: pointer;
}

th.headerSortUp, th.headerSortDown
{
    background-color: #bbb;
}

table.l tr td, table.l tr th, .l
{
    text-align: left;
}

table.r tr td, table.r tr th, .r
{
    text-align: right;
}

h4.box
{
    background: url( "Images/box.gif" ) 0 0 no-repeat;
    background-color: #f0f0f0;
    margin: 0;
    padding: 6px 8px 3px 8px;
    line-height: 1.3em;
    width: 134px; /* box.gif is 150 - padding */
    color: #222;
}

div.box
{
    background: url( "Images/box.gif" ) 0 100% no-repeat;
    background-color: #f0f0f0;
    margin: 0 0 1em 0;
    padding: 2px 8px 6px 8px;
    line-height: 1.3em;
    width: 134px;
}

div.box p
{
    margin: .3em 0;
}

div.box div.hr
{
    border-bottom: 1px solid white;
    margin: .3em 0;    
}

input, select
{
    margin: 1px;
}

input.wide, textarea.wide
{
    width: 100%;
}

img
{
    border: 0;
}

.comment
{
    background-color: #f5f5f5;
    border: solid 1px silver;
    padding: 1em .5em;
    margin-top: 0.5em;
}

.reply
{
    background-color: #ffecc7;
}

.floatr
{
    float: right;
    text-align: right;
    clear: right;
    width: 50%;
}

.floatl
{
    float: left;
    width: 50%;
}

label
{
    color: #666;
}

label.floatl, label.horiz
{
    width: auto;
    margin-right: 10px;
    margin-bottom: 8px;
}

label.vert
{
    display: block;
    margin-bottom: 8px;
}

.note
{
    color: #888;
}

td.note
{
    color: #666;
}

.error
{
    color: #c60604;
}

.itemrow td
{
}

.focusrow .False
{
    color: silver;
}

.oldzone
{
    display: none;
}

.hidden
{
    display: none;
}

.linked
{
    background-color: #f8f8f8;
}



/****************************************************************/
/* Master Page */
/****************************************************************/

div#header
{
    height: 3em;
    background-color: #ddd;
    -zzmoz-box-shadow: 0 2px 2px #888;
    padding: 0;
    border-bottom: solid 1px #bbb;    
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 1px;
}

div#header #logo
{
    float: right;
    width: auto;
    height: auto;
    margin-right: 20px;
    margin-top: 6px;
}

div#header a
{
    color: #444;    
    padding: 0;
}

div#header a:hover
{
    color: #444;
    background: none;
    text-decoration: underline;
}

div#header ol
{
    margin: 0;
    padding: 0;
    list-style-type: none; 
}

div#header li
{
    display: block;
    float: left;
    padding: 0 0.75em;
    border-right: solid 1px white;
    line-height: 3em;
}

div#header li.active
{
    background: orange;
    border-bottom: solid 2px #fc6;
}

div#header li.active a
{
    color: white;
}




div#widecontent
{
    margin: 10px;
    float: left;
    width: 95%;
}

div#content
{
    margin: 10px;
    float: left;
    width: 620px;
}

div.leftmenu
{
    float: left;
    width: 150px;
    margin: 10px 0 10px 10px;
}

div.rightmenu
{
    position: fixed;
    width: auto;
    top: 70px;
    left: 800px;
}

div.progress, div.rating
{
    margin: 1px 0;
    width: 50px;
    border: solid 1px gray;
}

div.progress div, div.rating div
{
    height: 6px;
    border: none;
    background: silver;
}






/****************************************************************/
/* Item Display Control */
/****************************************************************/

.item
{
    margin-top: 1em;
    margin-right: 1em;
    width: 570px; /*	padding: 1em; 	background-color: #f3f5fb; */
}

.itemid
{
    color: silver;
}

span.itemname
{
    font-weight: bold;
}

td.itemname
{
    text-align: left;
}

.gemicon
{
    width: 16px;
    height: 16px;
    border: 0;
}

.itemicon
{
    float: right;
    margin: 2px;
    width: 40px;
    height: 40px;
    border: 0;
    cursor: pointer;
}

.itemiconsmall
{
    margin: 2px;
    width: 20px;
    height: 20px;
    border: 0;
}

.hp
{
    color: #060;
}

.mana
{
    color: #009;
}

.end
{
    color: #FF6600;
}

.ac
{
    color: #069;
}

.heroic
{
}

.itemext
{
    margin-top: 5px;
}

.item
{
    /*	background: #eee; 	padding: 1em;	*/
}

.itemdrop
{
    font-weight: bold;
    color: gray;
}

.itemflag
{
    padding-right: 1em;
    text-transform: uppercase;
}

.item a, .spell a, .note a
{
    color: gray;
    text-decoration: underline;
    padding: 1px;
}

.item a:hover, .spell a:hover, .note a:hover
{
    color: white;
    background: gray;    
}


.spellfocus
{
    border-left: solid 3px orange;
    padding-left: 1em;
}

.spelldesc
{
    color: gray;
}

.highlight
{
    background-color: red;
    color: white;
    font-weight: bold;
}

.invicon, .wishicon
{
    float: left;
    padding: 3px;
    border: solid 1px white;
    color: #888;
    text-align: center;
}

.invicon:hover, .wishicon:hover
{
    background: #f0f0f0;
    border: solid 1px gray;
    cursor: pointer;
}

.invicon img
{
    border: 0;
    width: 40px;
    height: 40px;
}

.wishicon img
{
    border: 0;
    width: 20px;
    height: 20px;
}

.searchicon img
{
    border: 0;
    width: 20px;
    height: 20px;
}

.invslot > *
{
    display: none;
}

tr.string td, th.string
{
    text-align: center;
    vertical-align: top;
    width: 70px;
}

tr.dupe td
{
    color: gray;
}

tr.total td
{
    font-weight: bold;
}

.compicon
{
    margin: 2px;
    border: 0;
    width: 40px;
    height: 40px;
}

.pos
{
    color: green;
}

.neg
{
    color: red;
}

.capped
{
    color: green;
}
.tempdrop
{
    color: gray;
}

#searchres ul
{
    list-style-type: none;
    padding: 0;
}
#searchres li
{
    margin: 1em 0;
}

#updates img
{
    visibility: hidden;
    border: 0;
    cursor: pointer;
}

#updates tr:hover img
{
    visibility: visible;
}

a span
{
    display: none;
}

a:hover span
{
    display: block;
    position: absolute;
    -left: 20px;
    -top: 20px;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 5px;
    color: black;
    border: solid 1px #ddd;
    text-decoration: none;
}