/********************************
 * gemlist.css - Style Sheets for GemList
 *
 * Author: Blackout
 * Version: 2.3.0
 * Last Update: 2:47 PM 6/01/2010
 ***/

/* main */
body, table { font-family: Tahoma; font-size: 11px; color: #848484; }
body { background: #1b1b1b; }

img { border: 0; }
sup { font-size: 10px; }

/* links */
a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

#loading { display: none; }

/**** RESULTS ****/
#results { width: 100%; height: 100%; padding: 0px; background: #303030; border: 1px #353535 solid; border-left: 2px #444 solid; }
#results_wrapper { padding: 0px; text-align: center; }
#resultsTable { border: 1px #444 solid; width: 100%; }

#resultsTable .image { text-align: center; width: 68px; height: 68px; background: transparent url(../images/icon_border_large.png) no-repeat scroll center center; }
#resultsTable .name { font-size: 14px; font-weight: bold; }
#resultsTable .stat { font-size: 12px; font-weight: normal; }
#resultsTable .stats { /*border-left: 1px solid #444;*/ }
#resultsTable .colors { width: 50px; }
#resultsTable .error { color: red; font-size: 20px; height: 100px; text-align: center; }

/**** MENU ****/
#menu { width: 405px; padding: 3px; background: #303030; border: 1px #353535 solid; border-right: 2px #444 solid; }
#menu .item { background: #373737 url(../images/gradient.gif) repeat-x top left; color: #ffcc00; font: bold 14px tahoma; border-top: 1px solid #363636; padding: 5px; clear: both; }
#menu .content { background: #3d3e3e; margin-top: -2px; border-top: 1px #444 solid; padding: 5px; }
#menu .content tr { background: #444; }
#menu .qualityWrapper { margin-top: 2px; float: right; }

/* Box colors */
.uncommonBox { background: #1eff00; border: 1px solid #1eff00; }
.commonBox { background: #ffffff; border: 1px solid #ffffff; }
.rareBox { background: #0070dd; border: 1px solid #0070dd; }
.epicBox { background: #a335ee; border: 1px solid #a335ee; }
.redBox { background: #ff0000; border: 1px solid #ff0000; }
.yellowBox { background: yellow; border: 1px solid yellow; }
.blueBox { background: #0000ff; border: 1px solid #0000ff; }
.metaBox { background: #333333; border: 1px solid #444; }
/* Menu boxes */
.box { width: 14px; height: 14px; }
.box_hover { border: 1px solid gold; cursor: pointer; }
.box_click { border: 1px dotted white; cursor: pointer; }
.box_neg_hover { border: 1px solid darkblue; cursor: pointer; cursor: hand; }
.box_neg_click { border: 1px dotted darkblue; cursor: pointer; cursor: hand; }
.boxWrapper { height: 30px; }
.titleRight { float: right; text-align: right; padding: 1px; margin-top: 6px; margin-right: 6px; }
/* Stat grid boxes */
#menu .title { background: #444; font-size: 16px; }
#menu .grid { width: 100%; }
#menu .gridTitle { background: #333; font-weight: bold; padding: 5px; }
#menu .gridBox div { background: grey; border: 1px solid darkgrey; width: 12px; height: 12px; }
#menu .gridBox_click div { background: green; border: 1px solid lightgreen; width: 12px; height: 12px; }
#menu .gridBox { cursor: pointer; }
#menu .gridBox_hover div { background: #ccc; border: 1px solid #ddd; width: 12px; height: 12px; }
/* table colors */
.alt1 { background: #2c2c2c; color: #848484; border-top: 1px solid #363636; border-left: 1px solid #363636; height: 30px; }
.alt2 { background: #282828; color: #848484; border-top: 1px solid #363636; border-left: 1px solid #363636; }
.title { background: #373737 url(../images/gradient.gif) repeat-x top left; color: #ffcc00; font: bold 11px tahoma; border-top: 1px solid #363636; padding: 5px; }
/* misc */
.item { font-size: 14px; font-weight: bold; }
.clickbox { border: 1px solid #2c2c2c; background: #2c2c2c; }
.clickbox_over { border: 1px solid #2c2c2c; background: #343434; }
.clickbox_on { border: 1px solid #1c1c1c; background: #242424; }

/* item quality colors */
.quality_1 { color: #ffffff; }
.quality_2 { color: #1eff00; }
.quality_3 { color: #0070dd; }
.quality_4 { color: #a335ee; }

#footer { text-align: center; padding: 5px; font-size: 10px; }
#footer a { color: #FFCC00; }