body 
{
    font-family: Verdana;
    margin: 10px;
}

.t_out, .ts_out, .t_in, .ts_in, .t_dis
{
    position: absolute;
    width:14px;
    height:14px;
    background-repeat:repeat-x;
}

.t_out
{

    background-image: url(/images/t_out.gif);
}

.t_out:hover
{
    background-image: url(/images/ts_in.gif);
}

.ts_out
{
    background-image: url(/images/ts_out.gif);
}

.ts_out:hover
{
    background-image: url(/images/t_in.gif);
}

.t_dis
{
    background-image: url(/images/t_dis.gif);
}

.logotab
{
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    margin-bottom:10px;
}

.logotab td
{
    padding:0px;
}

.logo
{
    vertical-align:top;
    height:66px;
    width:610px;
}

.logofl
{
    float:left;
}

.b-tr, b-br
{
    text-align: right;
    background-color: #E0E0E0;
    width:8px;
    height:8px;
}

.b-r
{
    background-image: url(/images/b-r.jpg);
    background-repeat:repeat-y;
    width:8px;
}

.b-b
{
    background-image: url(/images/b-b.jpg);
    height:8px;
}

.main
{
    background-color:#E0E0E0;
    border:0px;
    border-collapse:collapse;
    width:100%;
}

.main td
{
    border-collapse: collapse;
    padding:0px;
    margin:0px;
}

.filters
{
    margin: 0px 5px 8px 5px;
    padding: 0px 0px 5px 0px;
    float:left;
}

.howto
{
    float:right;
}

.hiddencopy
{
    border-top: dotted 1px black;
    border-bottom: dotted 1px black;
    padding-top:2px;
    padding-bottom:2px;
    font-size: smaller;
}

.rcol
{
    margin-right:5px;
    margin-bottom:5px;
    width:100%;
}

.mr
{
    width:100%;
}

.found
{
    font-size: smaller;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.gem_list
{
    border: solid 1px black;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 5px 0px 5px 0px;
    width:100%;
}

.heading
{
    text-align: center;
    font-size: smaller;
    font-weight:bold;
    color: White;
    background-color:Black;
}

.heading td
{
    border-right: solid 1px black;
}

.g_i_h /* gem_icon_holder */
{
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    width: 51px;
}

.g_i_h_s /* gem_icon_holder_small */
{
    width: 26px;
}

.g_i /* gem_icon */
{
    height:43px;
    width:43px;
    position:absolute;
}

.g_i_i
{
    height:43px;
    width:43px;
    margin:5px;
}

.g_i_s /* gem_icon_small */
{
    height:21px;
    width:21px;
    position:absolute;
}

.g_i_i_s
{
    height:21px;
    width:21px;
    margin:5px;
    margin-right:0px;
}

.gem_name
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
}

.gem_name div, .crafted, .token
{
	margin:5px;
	border: 1px solid black;
	background: #202020;
	padding: 5px;
	font-size: smaller;
	color:White;
}

.g_es /* gem_effects */
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    padding:0px;
}

.g_e
{
    border-collapse: collapse;
    font-size: xx-small;
    height:100%;
    width:100%;
}

.g_e td
{
        padding-left: 5px;
        padding-right: 5px;
}

.bottom_line
{
    border-bottom: solid 1px black;
}

.gem_sockets
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    padding:0px;
}

.gem_socket
{
    font-size: xx-small;
    border-collapse: collapse;
    text-align: center;
    height:100%;
    width:100%;

}

.gem_source
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-spacing:0px;
    padding:0px;
}

.crafted_with
{
    width:100%;
    height:100%;
    border-collapse: collapse;
}

.crafted_with td
{
    padding:0px;
    font-size:smaller;
}

.crafted_missing
{
    font-size: smaller;
    text-align: center;
}

.token
{
    font-size: xx-small;
}

td.g_c_red
{
    background-color: #c00000;
}

td.g_c_yellow {
	background-color: #C0C000;
}

td.g_c_blue
{
    background-color: #0063b6;
}

td.g_c_green
{
    background-color: #009900;
}

td.g_c_purple
{
    background-color: #9932CC;
}

td.g_c_orange
{
    background-color: #d58100;
}

td.g_c_meta,
td.g_c_none {
	background-color: #909090;
}

td.g_c_all {
	background-color: #505050;
}

ul, li
{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    list-style-type: none;
}

.updates, .updates li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 10px;
    list-style-type: none;
}

.updates
{
    margin-bottom: 10px;
}

.update li
{
    margin-left:20px;
    list-style-type: disc;
}

.update div
{
    margin-left:10px;
}

.gem_oq_common{
	color:#ffffff;
    text-decoration: none;
}

.gem_oq_common:hover {
    text-decoration: underline;
}

.gem_oq_uncommon {
	color:#00ff00;
    text-decoration: none;
}

.gem_oq_uncommon:hover {
    text-decoration: underline;
}

.gem_oq_rare{
	color:#0070dd;
    text-decoration: none;
}

.gem_oq_rare:hover {
    text-decoration: underline;
}

.gem_oq_epic{
	color:#a335ee;
    text-decoration: none;
}

.gem_oq_epic:hover {
    text-decoration: underline;
}

.gem_socket a, .gem_source, .g_e, .g_e a
{
    color:White;
}

.gem_socket a, .g_e a
{
    text-decoration: none;
}

.gem_socket a:hover, .g_e a:hover
{
    text-decoration: underline;
}

/* found in current list */
.f
{
    color:Black;
    text-decoration: none;
}

.f:hover
{
    text-decoration: underline;
}

/* found in current list */
.fg
{
    color: #00b000;
    text-decoration: none;
}

.fg:hover
{
    text-decoration: underline;
}

/* not in current list */
.n
{
    color:#AAAAAA;
    text-decoration: none;
}

.n:hover
{
    text-decoration: underline;
}

/* highlighted */
.h
{
    color: #FF0006;
    text-decoration: none;
}

.h:hover
{
    text-decoration: underline;
}

.s, .dl
{
    font-size: smaller;
}

.copy a
{
    color: #0080FF;
    text-decoration: none;
    cursor:pointer;
}

.copy a:hover
{
    text-decoration: underline;
}

.footer
{
    text-align: center;
    font-size: smaller;
    margin-bottom:10px;
}

.copy
{
    font-size: smaller;
    padding: 0px 5px 10px 5px;
}

.copyheader
{
    font-size: larger;
    font-weight:bold;
    padding: 0px 0px 10px 0px;
}