HTML {

    overflow-y: scroll;
}
BODY {
    background: #000 url(linliblogo2.jpg) no-repeat top center;
    color:		#ccc;
    margin:		0;
    padding:	0;

}

BODY, P, TD, SELECT, INPUT {
    font:	12px Arial;
}

SELECT {
    background: #ccc;
    border: 1px solid #888;
    padding: 1px;

}

#search {
    padding: 2px;
    background: #ccc;
    border: 1px solid #888;
}

FORM {
    margin: 0px;
    padding: 0px;
}

A {
    color: #ccc;
    text-decoration: none;
    border: 0;
}

IMG {
    border: 0;

}


H1 { font-size: 24px; }
H2 { font-size: 18px; }
H3 { font-size: 16px; }
H4 { font-size: 14px; }


P {

    line-height: 2.0em;
    color: #d0caba;
}


.linlink {
    font-weight: bold;
    font-size: 14px;
    background:url(bullet.png) no-repeat;
    padding: 1px 0px 2px 22px;

    color:			#9bd !important;
}

.linlink:hover {
    text-shadow: #8af 0px 0px 8px;
    color:			#bdf !important;
}

.clock {

    position: absolute;
    top: 32px;
    width: 13px;
    height:20px;
    background:url(numbers.png) no-repeat 0px 24px;
}

.nextBoat TD {
    color: #0f0;

}
#topmenu {
    width:		760px;
    margin:		180px auto 16px auto;
    text-align:	center;
    height: 20px;

}

#framer {

    width:		900px;
    margin: 	0 auto;

}

#framer span{
    font-size: 12px;
}
#framer h3{
    margin: 1em 0;
}

#framer table{
    width: 100%;
}
#framer table th{
    font-size: 12px;
    padding: 5px;
}
#framer table td{
    padding: 5px;
}

#topcats {
    text-align:	center;
    padding:	6px 8px;
    border:		1px solid #444;
    background:	#222;
    color:		#888;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

#leono {
    text-align:	right;
    padding:	6px 6px;


    color:		#888;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

#subcats {
    text-align:	center;
    padding:	6px 8px;
    border:		1px solid #444;
    background:	#222;
    color:		#888;
    margin-top:	4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#classcats {

    padding: 4px 8px;
    border:		1px solid #444;
    border-bottom: none;
    background:	#123;
    margin-top:	4px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    width:		900px;

}

#itemframe {
    border: 1px solid #333;
    width:	100%px;
    background: #222;
    padding: 8px;

}

#craftingframe {
    border: 1px solid #333;
    width:	100%;
    background: #222;
}

.craftimg {
    border: 1px solid #444;
    -moz-box-shadow: #000 1px 1px 2px;
    -webkit-box-shadow: #000 1px 1px 2px;
    margin: 3px 4px 3px 0px;

}

#itemicon {
    float:		left;
    padding:	8px;
}

#itemtitle {
    float:		left;
    font-size: 	20px;
    padding: 	10px 0px 0px 12px;
    text-shadow: #000 2px 2px 2px;

}

#itemdesc {
    float:		left;
    font-size: 	14px;
    padding: 	12px 8px;

}

#statsdetail {

    border-collapse:collapse;
    border:1px solid #444;

}

.itemcolor th {

    background: #234;
}


#statsdetail td {
    font:	bold 12px Arial;
    color: #fff;
}

#classinfo {
    position: relative;
    top: -20px;
    left: 66px;
    float:		left;
    font-size: 	12px;
    color:		#ccc;



}

#itemlist {
    width:		900px;
    margin:		0 auto;
    border:		1px solid #333;
    border-bottom: none;
    background:	#111;
    empty-cells: show;
}

#itemlist th {
    font:		bold 12px Arial;
    text-align:	left;
    background:	#234;
    border-left:1px solid #111;

}

#itemlist.mopcolor th {

    background:	#522;


}

#itemlist.mapcolor th {

    background:	#141;


}


#itemlist tr td {
    border-bottom: 1px solid #222;

}

#itemlist tbody tr:hover {
    background: 	#023;
    color:			#fff;
    text-shadow: 	#000 1px 1px 3px;
}

#itemlist tr td img {
    -webkit-box-shadow: #000 1px 1px 2px;
    -moz-box-shadow: #000 1px 1px 2px;
    box-shadow: #000 1px 1px 2px;
    border: 1px solid #333;

}

#itemlist tr:nth-child(even) {
    background: #1a1a1a;

}

#itemlist tbody a {
    font-size:13px;
    font-weight:bold;

}


.cats {
    padding: 0px 8px;
    font-weight: bold;
    color: #c0baaa !important;
}
.leono_cats {
    padding: 0px 8px;
    font-weight: bold;
    color: #FFFF00 !important;
}
.catsActive {
    font-weight: bold;
    padding: 0px 8px;
    border-bottom: 1px solid #f96;
    text-shadow:	#f93 0px 0px 5px;
    color:			#fff !important;
}

.order {
    text-decoration: underline;
    display: block;

}

/*#footer {*/
/*    width: 900px;*/
/*    margin: 0 auto;*/

/*}*/

.note {
    font-size:	10px;
    color:		#888;
}



.view {
    display: none;
}

.tree {
    float:left;
    width:50px;
    height:40px;
}

.bnt_mini {
    border: 1px solid #444;
    background: url(bg_bnt.png) repeat-x bottom;
    font: bold 11px Arial;
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: default;
    color:	#ddc;
    text-shadow: #000 0px 0px 5px;
}

.bnt_mini:hover {
    border: 1px solid #666;
    text-shadow: #f33 0px 0px 10px;
    color:	#ffd;
}


#settable {
    border: 1px solid #666;
    background: #222;

}

/* Set info table ################### */

#setlist {
    width:		900px;
    margin:		0 auto;
    border:		1px solid #333;
    border-bottom: none;
    background:	#1a1a1a;
    empty-cells: show;
}

#setlist th {
    font:		bold 13px Arial;
    text-align:	left;
    background:	#234;
    border-left:1px solid #111;

}

#setlist tr td {
    border-bottom: 1px solid #222;

}

#setlist tbody tr:hover {
    background: 	#023;
    color:			#fff;
    text-shadow: 	#000 1px 1px 3px;
}

#setlist tr td img {
    -webkit-box-shadow: #000 1px 1px 2px;
    -moz-box-shadow: #000 1px 1px 2px;
    box-shadow: #000 1px 1px 2px;
    border: 1px solid #333;
    width: 24px;
    height: 24px;
}

#setlist tr:nth-child(even) {
    background: #1f1f1f;

}

#setlist tbody a {
    font-size:12px;
    font-weight:bold;

}
#setlist tbody span {
    font-size:11px;
    color: #888;

}



#charview {
    border:1px solid #444;
    background: #222;

}

#charview td {
    border-right: 1px solid #444;

}

#charview tr:nth-child(even) {
    background: #1a1a1a;

}

.chartitle {
    font-family:Times,serif;
    text-shadow: #f33 0px 0px 10px;
    color: #fed;
    font-size: 21px;
}

.statview {
    border:1px solid #444;
    background: #222;

}

.statview td {
    border-right: 1px solid #444;
    padding: 3px 0px;
    text-align: center;
}

.statview tr:nth-child(even) {
    background: #1a1a1a;

}

#mopimage {
    float: left;
    margin: 4px;
    height: 180px;
    width: 180px;
    border: 1px solid #666;
    background-image:url(no_image.gif);
    background-color: #3e3e3e;
    background-position: center center;
    background-repeat: no-repeat;
}

#moptitle {
    float:		left;
    font-size: 	20px;
    padding: 	4px 8px;
    text-shadow: #000 2px 2px 2px;

}

#mopinfo {
    float: left;

    border: 1px solid #444;
    margin: 4px 0px 0px 4px;
    border-collapse: collapse;
    text-align: center;

}

#mopinfo td {
    font-weight: bold;
    width: 88px;
}


.skill {
    float:left;
    width: 191px;
    border: 1px solid #444;
    background-position: left;
    background-repeat: no-repeat;
    padding: 6px 0px 6px 28px;
    margin: 2px 8px 0px 0px;
    font-weight: bold;
}

#map {
    cursor: move;
    overflow: hidden;
    height: 600px;
    width: 900px;


}

#maptitle {
    position:absolute;
    top:13px;
    left:16px;
    text-shadow: #000 2px 2px 5px;
    font: bold 20px Arial;
    color: #fff;
}

#zoomin {
    position:absolute;
    top:16px;
    right:16px;

}

#zoomout {
    position:absolute;
    top:16px;
    right:48px;

}

.maplable {
    color: #fff;
    font-weight: bold;
    text-shadow: #000 1px 0px 0px, #000 -1px 0px 0px, #000 0px 1px 0px, #000 0px -1px 0px;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
}



.bonusval {
    color:#FFCC00;
    font-weight: bold;
    text-align: center;

}

#charstats {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #654;
    padding:8px 24px;
    background: #222;
    -moz-box-shadow: #000 0px 0px 4px;
    -webkit-box-shadow: #000 0px 0px 4px;
    color: #d0caba;
    overflow: hidden;
}



#charstats .statname {
    font: bold 14px Times,Times New Roman,serif;
    text-shadow: #000 1px 1px 3px;
    width: 80px;
    border: 1px solid #654;
    padding-left: 8px;
    color: #d0caba;
    background: #1a1a1a;


}

#charstats .statval {
    font: bold 16px Times,Times New Roman,serif;
    color:#33FF00;
    text-shadow: #f33 0px 0px 5px;
    width: 160px;
    text-align: center;
    border: 1px solid #654;
    background: #1a1a1a;
}



#charstats .valup {
    font-size: 6px;
    width: 12px;
    height: 12px;
    background:url(bnt_up.gif);
    border: 1px solid #654;
    border-bottom: 0;
}



#charstats .valdown {
    font-size: 6px;
    width: 12px;
    height: 12px;
    background:url(bnt_down.gif);
    border: 1px solid #654;
    border-top: 0;
}




#charstats .statspc {

    width: 16px;
}

.csbnt {
    border: 1px solid #654;

    background: #222;
    width: 128px;
    padding: 4px 0px;
    color: #d0caba;
    font: bold 13px Times,Times New Roman,serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: #000 0px 0px 3px;
    -webkit-box-shadow: #000 0px 0px 3px;

}

.csbnt:hover {
    -moz-box-shadow: #a00 0px 0px 15px;
    -webkit-box-shadow: #a00 0px 0px 15px;
    text-shadow: #f00 0px 0px 20px;
    color: #fc8;
    border: 1px solid #a66;
    background: #322;
    cursor: pointer;
}

.csbnt:active {
    -moz-box-shadow: #600 0px 0px 15px;
    -webkit-box-shadow: #600 0px 0px 15px;
    text-shadow: #800 0px 0px 20px;
    color: #832;
    border: 1px solid #622;
    background: #100;
}