@CHARSET "UTF-8";
/* DEFAULT */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
}
a img {
	border: 0;
}
#header {
	width: 800px;
	margin: 0 auto;
	font-family: tahoma;
	font-size: 16px;
	padding: 20px 100px 20px 100px;
	height: 54px;
}
.logo {
	padding: 10px 20px 0 20px;
	height: 44px;
	width: 231px;
}
.header-left {
	float: left;
}
.header-right {
	width: 520px;
	float: right;
	text-align: right;
}
.head-rblock {
	text-align: left;
}
div.menu {
	float: right;
	margin-right: -22px;
	height: 54px;
}
ul.header-menu {
	font-family: Arial;
	text-align: right;
	height: 54px;
	float: left;
	font-size: 17px;
	list-style: none;
}
.header-menu li {
	height: 24px;
	text-align: left;
	margin: 2px 20px 2px 20px;
}
.header-menu li a{
	color: #000;
	text-decoration: underline;
}
.header-menu li a:hover{
	color: #33a;
}
/********************/
.menu-link {
	padding-left: 20px;
}	 
.legion-rank {
	background: url(i/icon-trophy-g.png) no-repeat 0 2px;
}
.char-rank {
	background: url(i/icon-medal-g.png) no-repeat 0 2px;
}
.char-stat {
	background: url(i/icon-chart.png) no-repeat 0 2px;
}
.server-stat {
	background: url(i/icon-globe.png) no-repeat 0 2px;
}
.detective {
	background: url(i/icon-user-detective.png) no-repeat 0 2px;	
}
.faq {
	background: url(i/icon-question-white.png) no-repeat 0 2px;
}
/********************/
#top-content {
	width: 800px;
	margin: 0 auto;
	font-family: tahoma;
	font-size: 16px;
	padding: 0 10px;
}
#content {
	width: 800px;
	margin: 0 auto;
	font-family: tahoma;
	font-size: 16px;
	padding: 0 10px;
}
#footer {
	width: 800px;
	margin: 20px auto;
	font-family: tahoma;
	font-size: 14px;
	padding: 0 10px;
	color: #888;
	height: 20px;
}
.wrap-footer {
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #fff;
}
span.footer-el {
	height: 20px;
	padding: 0 15px;
}
span.footer-el a {
	height: 20px;
	color: #888;	
	text-decoration: none;
}
span.footer-el a:hover {
	text-decoration: underline;
}
img.twit {
	display: inline;
}
a {
	color: #008;	
}
a:link {
	color: #008;	
}
a:visited {
	color: #008;	
}
a:hover {
	color: #44f;	
}
a.noline:link {
	text-decoration: none;
}
a.noline:visited {
	text-decoration: none;
}
a.noline:hover {
	text-decoration: underline;
}
span.graph-data {
	border-bottom: 1px dotted;
	cursor: pointer;
}
span.graph-data:hover {
	color: #44f;
	border-bottom: 1px solid;
}
span.graph-list-data {
	border-bottom: 1px dotted;
	cursor: pointer;
}
span.graph-list-data:hover {
	color: #44f;
	border-bottom: 1px solid;
}
span.jslink {
	color: #008;
	border-bottom: 1px dashed;
	cursor: pointer;
}
span.jslink:hover {
	color: #44f;
	border-bottom: 1px solid;
}
span.spoil-info {
	font-style: italic;
	font-weight: normal;
	color: #aaa;
	padding-left: 20px;
	font-size: 12px;	
}
span.ren-tip {
	font-style: italic;
	font-weight: normal;
	color: #666;
	padding-left: 5px;
	font-size: 12px;	
}
.wrap {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}
.list-cell a {
	color: #666;
	text-decoration: underline;
}
.list-cell a:hover {
	color: #55f;
}
.wrap-ad {
	display: block;
	float: left;
	height: 70px;
	width: 600px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}
.wrap-text {
	width: 800px;
	padding: 0 10px;
	margin-top: -5px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #fff;
	font-style: italic;
	font-size: 14px;
	color: #888;
}
.wrap-message {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	border-top: 1px solid #edd;
	border-bottom: 1px solid #edd;
	border-left: 1px solid #fff;
	padding: 3px 10px;
	text-align: center;
	color: #755;
	background: #fff1f1;
}
#graph {
	width: 800px;
	height: 200px;
	margin: 0 5px 0 5px;
}
#loader {
	margin: 84px 384px;	
}
#wrap-scan {
	width: 100%;
	text-align: center;
	height: 150px;
	padding-top: 250px;
	background: url(i/bg-1.jpg) no-repeat center center;
}
#scan {
	display: block;
	padding: 20px;
	background: url(i/transp.png);
	font-size: 22px;
}
span.header-small-widget {
	display: none;
	float: right;
	margin-right: 20px;
}
/* FRONTPAGE */
.fp-name {
	margin: 15px 0 5px 71px;
	height: 30px;
	font-size: 20px;
}
.fp-text {
	margin: 15px 71px 15px 71px;
	padding-bottom: 15px;
	color: #888;
	text-align:justify;
	border-bottom: 1px dashed #888;
}
.fp-list-row {
	height: 130px;
	margin: 5px 2px 5px 5px;
	display: block;
}
.fp-list-bigrow {
	height: 230px;
	margin: 5px 2px 5px 5px;
	display: block;
}
.fp-list-block {
	width: 316px;
	margin: 0 40px;
	float: left;
}
.fp-list-name {
	margin: 2px 5px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
ul.fp-list {
	list-style: none;
	margin-left: 5px;
}
ul.fp-list li {
	padding-left: 20px;
	list-style: none;
}
.fp-medal-g {
	background-image: url(i/icon-medal-g.png);	
}
.fp-medal-s {
	background-image: url(i/icon-medal-s.png);	
}
.fp-medal-b {
	background-image: url(i/icon-medal-b.png);	
}
.fp-trophy-g {
	background-image: url(i/icon-trophy-g.png);	
}
.fp-trophy-s {
	background-image: url(i/icon-trophy-s.png);	
}
.fp-trophy-b {
	background-image: url(i/icon-trophy-b.png);	
}
.fp-point-g {
	background-image: url(i/icon-point-g.png);	
}
.fp-point-s {
	background-image: url(i/icon-point-s.png);	
}
.fp-point-b {
	background-image: url(i/icon-point-b.png);	
}
.fp-crown-g {
	background-image: url(i/icon-crown-g.png);	
}
.fp-crown-s {
	background-image: url(i/icon-crown-s.png);	
}
.fp-crown-b {
	background-image: url(i/icon-crown-b.png);	
}
ul.fp-list li.first {
	font-size: 20px;
	background-position: 0 5px;
	background-repeat: no-repeat; 
}
ul.fp-list li.second {
	font-size: 18px;
	background-position: 0 4px;
	background-repeat: no-repeat; 
}
ul.fp-list li.third {
	font-size: 17px;
	background-position: 0 3px;
	background-repeat: no-repeat; 
}
.fp-right-num {
	float: right;
	color: #888;
	font-size: 16px;
}
#graph.fp {
	width: 723px;
	margin: 0 40px 30px 40px;
}
.fp-graph-name {
	margin: 30px 0 5px 70px;
	font-size: 16px;
	font-weight: bold;
}
a.fp-noline {
	text-decoration: none;	
}
a.fp-name-link {
	text-decoration: none;	
}
/* WIDGETS */
.widget-small {
	display: block;
	height: 53px;
	width: 160px;
	border: 1px solid #ddd;
	background: url(i/widget-small-bg.png) repeat-x;
	text-align: center;
}
.widget-small-name {
	height: 15px;
	padding-top: 1px;
	font-size: 12px;
	color: #555;
	vertical-align: middle;
}
.widget-small-primary {
	font-size: 14px;
	height: 18px;
	padding: 1px 0;
	font-weight: bold;
	color: #444;
	vertical-align: middle;	
}
.widget-small-primary a {
	text-decoration: none;	
}
.widget-small-secondary {
	height: 15px;
	padding-bottom: 1px;
	font-size: 12px;
	color: #888;
	vertical-align: middle;	
}
/* INFO */
.info-big {
	font-size: 24px;
	padding-right: 1%;
	margin: 5px 0;


}
.info-normal {
	padding: 4px 1% 4px 1%;
	line-height: 20px;
	min-height: 24px;
}
.info-members {
	line-height: 25px;
	text-align: center;
}
.wrap-line {
	padding: 2px 0 2px 1%;
	min-height: 20px;
}
.info-right {
	float: right;
	width: 240px;
	text-align: left;
	min-height: 20px;
}
.info-rank {
	display: inline;
	float: right;
}
img.sig-big {
	margin: 5px 1%;
	height: 75px;
	width: 446px;
	border: 1px solid #ddd;	
}
img.sig-small {
	margin: 5px 1%;
	height: 20px;
	width: 446px;
	border: 1px solid #ddd;	
}
.sig-right {
	float: right;
	width: 330px;
	text-align: left;	
}
textarea.sig-big-code {
	vertical-align: top;
	margin: 5px 0 5px 0;
	height: 75px;
	width: 322px;
	border: 1px solid #ddd;
	background: #fcfcfc;
	color: #777;
	display: inline;
}
textarea.sig-small-code {
	vertical-align: top;
	margin: 5px 0 5px 0;
	height: 40px;
	width: 322px;
	border: 1px solid #ddd;
	background: #fcfcfc;
	color: #777;
	display: inline;
}
.blank {
	height: 5px;
}
.block-col {
	width: 18%;
	float: right;
	display: block;
	padding: 0 1%;
}
.server-li {
	height: 22px;
	width: 100%;
	display: block;	
}
.spoiler {
	display: none;	
}
hr.in-spoiler {
	border: 0;
	background-color: #ddd;
	margin: 10px 0 5px 0;
	height: 1px;
	width: 100%;
}
.block-col-select {
	width: 31.5%;
	float: right;
	display: block;
	padding: 0 1%;
}
.select-radio {
	margin-right: 5px;
}
.serv-select {
	cursor: pointer;
}
input.character-name {
	font-size: 18px;
	padding: 4px 5px;
}
input.add-character {
	font-size: 18px;
	padding: 2px 5px;
	margin-left: 10px;
	
}
.line-message {
	border-top: 1px solid #edd;
	border-bottom: 1px solid #edd;
	margin: 5px 0;
	padding: 3px 0;
	text-align: center;
	color: #755;
	background: #fff1f1;
}
/* SEARCH */
.wrap-search {
	text-align: center;
}
input.search-big {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 24px;
	padding: 5px;
	width: 400px;
}
span#search {
	font-size: 24px;
	padding-right: 0px;
}
span#search-bg {
}
.search-btn-big {
	font-size: 22px;
	margin-left: 20px;
	padding: 4px;
}
input.search-small {
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 1px 22px 1px 1px;
	width: 200px;
	color: #bbb;
	background-color: #fff;
}
.search-btn-small {
	position: absolute;
	right: 1px;
	top: 2px;
	width: 20px;
	background: url(i/icon-magnifier.png) no-repeat 0 center;
	background-color: #fff;
	border: 0px;
	line-height: 20px;
	height: 20px;
}
#search-small-tip {
	width: 221px;
	height: 45px;
	position: absolute;
	top: -100px;
	left: 171px;
	text-align: center;
	padding: 20px 2px 0px 2px;
	font-style: italic;
	z-index: 2;
	font-size: 12px;
	color: #666;
	background: url(i/search-small-tip.png) no-repeat;
	display: none;
}
.search-big-tip {
	margin-top: 7px;
	color: #666;	
	font-style: italic;
	width: 600px;
	padding-left: 145px;
	text-align: left;
}
.search-big-above {
	margin-bottom: 7px;
	width: 600px;
	padding-left: 145px;
	text-align: left;	
}
/* EQUIP */
.equip-table {
	margin: 0 1% 10px 1%;
	padding: 1px;
	background: #888;
	width: 400px;
}
.equip-table-header {
	font-weight: bold;
	background: #888;
	color: #fff;
	padding: 5px 5px 5px 40px;
	margin: 1px 1px 2px 1px;
	font-size: 16px;
}
.equip-table-row-white {
	background: #eee;
	color: #888;
	padding: 5px;
	margin: 1px;
	font-size: 12px;
	font-weight: bold;
}
.equip-table-row-green {
	background: #d7ffd3;
	color: #189e0b;
	padding: 5px;
	margin: 1px;
	font-size: 12px;
	font-weight: bold;
}
.equip-table-row-blue {
	background: #daf5ff;
	color: #018bb9;
	padding: 5px;
	margin: 1px;
	font-size: 12px;
	font-weight: bold;
}
.equip-table-row-gold {
	background: #ffefbd;
	color: #886701;
	padding: 5px;
	margin: 1px;
	font-size: 12px;
	font-weight: bold;
}
.equip-enchant {
	display: block;
	float: left;
	min-width: 30px;
	padding-right: 5px;
	text-align: right;
}
a.item-link {
	font-weight: bold;
	text-decoration: underline;	
}
a.item-white {
	color: #888;
}
a.item-green {
	color: #189e0b;
}
a.item-blue {
	color: #018bb9;
}
a.item-gold {
	color: #886701;
}
div.equip-history {
	padding-top: 2%;
}
li.equip-history {
	list-style: none;
	padding: 3px 2%;
	font-size: 14px;
	color: #444;
	width: 600px;
}
li.equip-history-bordered {
	list-style: none;
	padding: 3px 1%;
	margin: 0 1%;
	font-size: 14px;
	color: #444;
	width: 600px;
	border-top: 1px dashed #ccc;
}
span.equip-history-date {
	display: block;
	float: right;
	min-width: 130px;
	color: #888;	
}
/* LIST */
.list-head {
	color: #333;
	padding: 0;
	display: block;
	height: 20px;
	padding: 0 1% 6px 1%;
}
.list-table .list-head a {
	color: #666;
	text-decoration: underline;
}
.list-table .list-head a:hover {
	color: #55f;
}
.list-footer {
	color: #333;
	display: block;
	height: 20px;
	padding: 8px 1% 0 1%;
}
.list-table .list-footer a {
	color: #666;
	text-decoration: underline;
}
.list-table .list-footer a:hover {
	color: #55f;
}
.list-head-left {
	height: 20px;
	font-size: 16px;	
	display: block;
	width: 50%;
}
h2#graph-name {
	height: 20px;
	font-size: 16px;	
	display: block;
	width: 50%;
}
.list-head-right {
	height: 20px;
	display: block;
	width: 50%;
	text-align: right;
}
#graph-links {
	font-size: 15px;
	display: inline;
	text-align: right;
	padding: 5px 5px;
	margin-right: 7px;
}
.list-row-head {
	color: #fff;
	background-color: #666;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-row-a {
	color: #444;
	background-color: #d8d8d8;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-row-a:hover {
	background-color: #f0ebaf;
}
.list-table .list-row-a a.noline {
	color: #444;
	text-decoration: none;
}
.list-row-b {
	color: #444;
	background-color: #dfdfdf;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-row-b:hover {
	background-color: #f0ebaf;
}
.list-table .list-row-b a.noline {
	color: #444;
	text-decoration: none;
}
.list-row-head-Asmo {
	color: #fff;
	background-color: #8a5746;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-table .list-row-head-Asmo a.noline {
	color: #fff;
	text-decoration: none;
}
.list-row-head-Elyos {
	color: #fff;
	background-color: #486f7c;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-table .list-row-head-Elyos a.noline {
	color: #fff;
	text-decoration: none;
}
.list-row-Asmo {
	color: #8a5746;
	background-color: #e8deda;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-row-Asmo:hover {
	background-color: #f0ebaf;
}
.list-row-Elyos {
	color: #486f7c;
	background-color: #dae2e5;
	padding: 4px 0 3px 0;
	display: block;
	height: 20px;
}
.list-row-Elyos:hover {
	background-color: #f0ebaf;
}
.list-table .list-row-Asmo a.noline {
	color: #8a5746;
	text-decoration: none;
}
.list-table .list-row-Elyos a.noline {
	color: #486f7c;
	text-decoration: none;
}
.list-cell {
	float:left;
	height: 20px;
}
.list-cell input {
	margin: 0;	
}
#list-upddate {
	color: #888;
}
/* LIST: SERVER */
.list-rank {
	width: 4%;
	padding-left: 1%;
}
.list-change {
	width: 6%;
	text-align: left;
	padding-left: 2%;
}
.list-char-name {
	width: 21%;
	padding-left: 1%;	
}
.list-search-name { 
	width: 50%;
	padding-left: 1%;
}
.list-char-search-name { 
	width: 34%;
	padding-left: 1%;
}
.list-char-info {
	width: 17%;
}
.list-char-info-long {
	width: 34%;
}
.filter-menu-el {
	margin-left: 8px;
	color: #000;
}
.filter-menu-el a {
	color: #777;
}
.filter-menu-el a:hover {
	color: #55f;
}
.filter-line {
	height: 20px;
	padding: 4px 0;	
}
.detail {
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.filter-menu {
	margin:0 0 10px 0;
	padding: 5px 5px 3px 5px;
	border: 1px solid #eaeaea;
	background: #eaeaea;
}
.list-search-info {
	width: 17%;
}
.list-name { 
	width: 32%;
	padding-left: 1%;
}
.list-info {
	width: 22%;
}
.list-mem {
	width: 25px;
	margin-right: 5px;
	float: left;
	text-align: right;
}
.list-points {
	width: 16%;
	text-align: right;
}
.list-inc_points {
	width: 13%;
	text-align:left;
	padding-left: 3%;
}
.list-char-points {
	width: 17%;
	text-align: right;
}
.list-char-inc_points {
	width: 11%;
	text-align: left;
	padding-left: 2%;
	padding-right: 1%;
}
.list-stat-name {
	width: 59%;
	padding-left: 1%;
}
.list-char-stat-name {
	width: 30%;
	padding-left: 1%;
}
.list-char-stat-num {
	width: 14%;
	text-align: right;
}
.list-char-stat-num-now {
	width: 10%;
	text-align: right;
}
.list-char-stat-num-prev {
	width: 3%;
	padding-left: 1%;
	text-align: left;
}
.list-char-stat-avgAP {
	width: 15%;
	text-align: right;
}
.list-stat-points {
	width: 19%;
	padding-left: 1%;
	text-align: right;
}
.list-stat-inc-points {
	width: 17%;
	padding-right: 3%;
	text-align: right;
}
.list-stat-links {
	width: 35%;
	padding-right: 5%;
	text-align: right;	
}
.list-stat-links a {
	font-size: 14px;
	color: #444;
}
.list-stat-links a:hover {
	font-size: 14px;
	color: #55f;
}
.list-det-date {
	width: 20%;
	padding-left: 1%;	
}
.list-det-from {
	width: 25%;	
}
.list-det-arrow {
	width: 10%;
	background: url(i/icon-arrow.png) no-repeat left center;
}
.list-det-noarrow {
	width: 10%;
}
.list-det-to {
	width: 25%;	
}
.list-det-info {
	width: 19%;	
}
/* LIST: LEGION */
.legion-list-date {
	width: 19%;
	padding-left: 1%;	
}
.legion-list-points {
	width: 60%;
	text-align: right;
}
.legion-list-inc_points {
	width: 17%;
	padding-left: 3%;
}
.char-list-date {
	width: 49%;
	padding-left: 1%;	
}
.char-list-points {
	width: 20%;
	text-align: right;
}
.char-list-kills {
	width: 10%;
	text-align: left;	
}
.char-list-inc_points {
	width: 17%;
	padding-left: 3%;
}
hr.in-wrap {
	border: 0;
	background-color: #ddd;
	margin: 10px 0 5px 0;
	height: 1px;
	width: 100%;
}
.table-desc {
	color: #888;	
}
.item-white {
	color: #888;
}
.item-green {
	color: #189e0b;
}
.item-blue {
	color: #018bb9;
}
.item-gold {
	color: #886701;
}
/* LIST SMART CELLS */
p.Asmo {
	color: #8a5746;
	display: inline;
}
p.Elyos {
	color: #486f7c;
	display: inline;
}
p.rank-up {
	color: green;
	padding-left: 18px;
	background: url(i/arrow_up.png) no-repeat left 1px;
}
p.rank-down {
	color:red;
	padding-left: 18px;
	background: url(i/arrow_down.png) no-repeat left 1px;
}
.region-na {
	padding-left: 22px;
	background: url(i/region_na.png) no-repeat left 5px;
	display: inline;
}
.region-uk {
	padding-left: 22px;
	background: url(i/region_uk.png) no-repeat left 5px;
	display: inline;
}
.region-de {
	padding-left: 22px;
	background: url(i/region_de.png) no-repeat left 5px;
	display: inline;
}
.region-fr {
	padding-left: 22px;
	background: url(i/region_fr.png) no-repeat left 5px;
	display: inline;
}
.region-no {
	padding-left: 22px;
	display: inline;
}
.class-Assassin {
	padding-left: 22px;
	background: url(i/class_Assassin.gif) no-repeat left 1px;
	display: inline;
}
.class-Chanter {
	padding-left: 22px;
	background: url(i/class_Chanter.gif) no-repeat left 1px;
	display: inline;
}
.class-Cleric {
	padding-left: 22px;
	background: url(i/class_Cleric.gif) no-repeat left 1px;
	display: inline;
}
.class-Gladiator {
	padding-left: 22px;
	background: url(i/class_Gladiator.gif) no-repeat left 1px;
	display: inline;
}
.class-Ranger {
	padding-left: 22px;
	background: url(i/class_Ranger.gif) no-repeat left 1px;
	display: inline;
}
.class-Sorcerer {
	padding-left: 22px;
	background: url(i/class_Sorcerer.gif) no-repeat left 1px;
	display: inline;
}
.class-Spiritmaster {
	padding-left: 22px;
	background: url(i/class_Spiritmaster.gif) no-repeat left 1px;
	display: inline;
}
.class-Templar {
	padding-left: 22px;
	background: url(i/class_Templar.gif) no-repeat left 1px;
	display: inline;
}
.class-All {
	padding-left: 0px;
	background: none;
	display: inline;
	font-weight: bold;
}
.race-Elyos {
	padding-left: 22px;
	background: url(i/race_elyos.gif) no-repeat left 1px;
	display: inline;
}
.race-Asmo{
	padding-left: 22px;
	background: url(i/race_Asmo.gif) no-repeat left 1px;
	display: inline;
}
.race-All {
	padding-left: 0px;
	background: none;
	display: inline;
	font-weight: bold;
}
.filter-Races {
	padding-left: 22px;
	background: url(i/icon-balance-unbalance.png) no-repeat left 1px;
	display: inline;
}
.filter-Servers {
	padding-left: 22px;
	background: url(i/icon-globe-medium-green.png) no-repeat left 2px;
	display: inline;
}
.sort-total {
	padding-left: 22px;
	background: url(i/icon-chart.png) no-repeat left 2px;
	display: inline;
}
.sort-incoming {
	padding-left: 22px;
	background: url(i/icon-chart-up.png) no-repeat left 2px;
	display: inline;
}
.filter-Detail {
	padding-left: 22px;
	background: url(i/icon-plus-white.png) no-repeat left 2px;
	display: inline;
}
.filter-Char {
	padding-left: 22px;
	background: url(i/icon-universal.png) no-repeat left 2px;
	display: inline;
}