body {
	background-color: #000000;
	background-image: url("/cataclysm/gfx/background.jpg");
	background-repeat: repeat-x;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #eaeaea;
}

div {
	box-sizing: border-box;
}

a {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #ffc600;
}

.breadcrumb {
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	max-width: 1024px;
	margin: 8px auto 0 auto;
	background-color: rgba(255,255,255,0.7);
	padding: 8px 20px 7px 20px;
	border-bottom: 3px solid #111111;
	border-top: 1px solid #111111;
}

.breadcrumb div {
	display: inline-block;
}

.breadcrumb a {
	font-size: 14px;
	color: #000000;
}

.breadcrumb a:hover {
	color: #444444;
}

.breadcrumb .next {
	font-family: Verdana;
	font-size: 14px;
	color: #770000;
	margin: 0 3px 2px 3px;
	font-weight: 700;
}

.google-responsive {
	margin: 10px 0 10px 0;
}

#disqus_thread {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	background-color: #111111;
	width: 100%;
	max-width: 1024px;
	padding: 10px 10px 0 10px;
	margin: 8px auto 8px auto;
}

#continents a {
	box-sizing: border-box;
	display: block;
	padding: 0 5px 0 5px;
	width: 25%;
	float: left;
	text-align: center;
}

#continents a img {
	box-sizing: border-box;
	display: block;
	width: 100%;
}

#continents a span {
	display: block;
	margin-top: 5px;
}


.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

.dhtmltooltip {
	position: absolute;
	padding: 0;
	visibility: hidden;
	z-index: 9999;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

.cnt-master {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
}

.cnt-content {
	width: 100%;
	max-width: 1024px;
	margin: 8px auto 0 auto;
}

.cnt-panel, .cnt-panel-top {
	background-color: #000000;
	border: 1px solid #333333;
}

.cnt-panel {
	margin-top: 8px;
}

.padding-tiny {
	padding: 5px;
}

.padding-small {
	padding: 10px;
}

.padding-medium {
	padding: 15px;
}

.padding-large {
	padding: 20px;
}

.header {
	font-size: 16px;
	color: #ffc600;
	font-weight: normal;
}

.clear {
	clear: both;
}

.cnt-master {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.cnt-top-bar {
	box-sizing: border-box;
	margin-top: 5px;
	border: 1px solid #333333;
	width: 100%;
	max-width: 1024px;
}

.cnt-top-bar img {
	display: block;
	width: 100%;
}

.cnt-top-menu {
	padding: 8px;
	margin-top: 8px;
	color: #888888;
	background-color: #39140b;
	text-align: center;
	border:1px solid #333333;
}

.cnt-top-menu span {
	display: inline-block;
	margin: 0 5px 0 5px;
}

.cnt-panel, .cnt-panel-top {
	background-color: #000000;
	border: 1px solid #333333;
}

.padding-tiny {
	padding: 5px;
}

.padding-small {
	padding: 10px;
}

.padding-medium {
	padding: 15px;
}

.padding-large {
	padding: 20px;
}

#welcome .avatar {
	float: left;
	margin-right: 20px;
	width: 150px;
	height: 225px;
}

#welcome h1 {
	font-size: 22px;
	color: #ffc600;
	font-weight: normal;
}

#welcome p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#welcome .counters {
	text-align: center;
	margin-top: 15px;
	color: #888888;
}

#welcome .counters .results div {
	display: inline-block;
 	white-space: nowrap;
 	margin-right: 5px;
}


#welcome .counters .results b {
	display: inline-block;
	font-weight: normal;
	color: #ffc600;
	padding: 0 3px 0 0;
	margin-left: 6px;
}

#recently {
	color: #888888;
}

#recently h2 {
	font-size: 19px;
	color: #ffc600;
	font-weight: normal;
	margin: 15px 0 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #3e3001;
}

#recently .header-spacer {
	margin-top: 20px;
}

#recently .date {
	margin-top: 10px;
	margin-bottom: 5px;
}

#recently a {
	line-height: 20px;
}

#recently .more a {
	display: inline-block;
	color: #ffc600;
	margin: 8px 0 5px 0;
}

#recently .more a:hover {
	color: #bb0000;
}

#recently .banner-horizontal {
	margin-top: 10px;
	text-align: center;
}

#recently .icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	padding: 0 2px 0 0;
}

.cnt-qs-panel {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1024px;
	background-color: #000000;
	text-align: left;
	margin-top: 8px;
	border: 1px solid #333333;
	padding: 10px;
}

.cnt-qs-results {
	text-align: left;
	position: absolute;
	left: 15px;
	top: 40px;
	z-index: 2147483647;
}

.cnt-qs-results-inner {
  width: 250px;
  font-size: 9pt;
  text-align: left;
  border: 1px solid #484848;
  border-top: 2px solid #484848;
}

.qs-panel-input {
	display: block;
	float: left;
	min-width: 200px;
	padding: 4px;
}

.qs-panel-button {
	display: block;
	float: left;
	margin-left: 10px;
	width: 70px;
	padding: 4px;
}

.qs-row {
	position: relative;
	overflow: hidden;
	padding: 4px;
	background-color: #282828;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	border-bottom: 1px solid #484848;
}

.qs-row-m {
	position: relative;
	height: 16px;
	overflow: hidden;
	padding: 4px;
	background-color: #111111;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	border-bottom: 1px solid #484848;
}

.qs-mark
{
	background-color: #282828;
	position: absolute;
	top: 4px;
	right: 4px;
	padding-left: 0px;
	color: #888888;
}

.qs-mark-m
{
	background-color: #111111;
	position: absolute;
	top: 4px;
	right: 4px;
	padding-left: 0px;
	color: #888888;
}

.ql-0 {color:#919191;}
.ql-1 {color:#ffffff;}
.ql-2 {color:#00a900;}
.ql-3 {color:#0062c3;}
.ql-4 {color:#b343ff;}
.ql-5 {color:#fa9900;}
.ql-6 {color:#e5cc80;}
.ql-7 {color:#e5cc80;}

.ql-0:hover {color:#ffc600;}
.ql-1:hover {color:#ffc600;}
.ql-2:hover {color:#ffc600;}
.ql-3:hover {color:#ffc600;}
.ql-4:hover {color:#ffc600;}
.ql-5:hover {color:#ffc600;}
.ql-6:hover {color:#ffc600;}
.ql-7:hover {color:#ffc600;}

.cnt-panel-top h1 {
	font-size: 15pt;
	color: #ffc600;
	font-weight: normal;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.cnt-panel-top h1 small {
	color: #888888;
	font-weight: bold;
}

#customize input, #customize select {
	padding: 4px;
}

#customize .position {
	float: left;
}

#customize .header {
	color: #bbbbbb;
	font-size: 9pt;
	margin-bottom: 4px;
}

#customize .input-1 {
	width: 300px;
	background-color: #bbbbbb;
}

#customize .input-2 {
	width: 240px;
	background-color: #bbbbbb;
}

#customize .input-3 {
	width: 100px;
	background-color: #bbbbbb;
}

#customize .input-4 {
	width: 50px;
	background-color: #bbbbbb;
}

#customize .input-5 {
	width: 30px;
	background-color: #bbbbbb;
}

#customize .input-6 {
	width: 170px;
	background-color: #bbbbbb;
}

#customize .button {
	width: 80px;
}

#customize .spacer {
	margin-left: 15px;
}

#customize .spacer-vertical {
	margin-top: 4px;
}

#customize .list-header {
	background-color: #aaaaaa;
}

#customize .list-header-sub {
	background-color: #b5b5b5;
}

#customize .cnt-main {
	background-color: #220000;
}

#customize .cnt-buttons {
	height: 24px;
	text-align: right;
}

#cnt-navigator {
	background-color: #333333;
	font-size: 14px;
}

#cnt-navigator table {
	color: #aaaaaa;
	width: 100%;
	text-align: center;
}

#cnt-navigator table  td {
	padding: 2px;
}

#cnt-navigator span, #cnt-navigator a {
	box-sizing: border-box;
	display: inline-block;
	padding: 3px 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#cnt-navigator a {
	color: #009900;
}

#cnt-navigator a:hover {
	color: #ffc600;
	background-color: rgba(255,255,255,0.1);
}

#cnt-navigator .prev {
	min-width: 140px;
	text-align: left;
}

#cnt-navigator .next {
	min-width: 140px;
	text-align: right;
}

.cnt-list td {
	color: #ffffff;
	font-size: 15px;
	border-bottom: 1px solid #333333;
	padding: 7px;
}

.cnt-list .last-row {
	border-bottom: 0px solid #000000;
}

.row-1 {
	background-color: #0e0e0e;
}

.row-0 {
	background-color: #020202;
}

.cnt-list .header {
	font-size: 15px;
	color: #ffc600;
	font-weight: normal;
}

.cnt-list .header:hover {
	color: #bb0000;
}

.cnt-list .header-sub {
	color: #aaaaaa;
	font-size: 14px;
}

.cnt-list tr:hover {
	background-color: #111111;
}

.cnt-list .first-row, .cnt-list .first-row:hover {
	background-color: #440000;
}

#cnt-search-bar {
	margin-bottom: 2px;
}

#cnt-search-bar .outer {
	background-color: #010e1b;
}

#cnt-search-bar .inner {
	border-bottom: 1px solid #333333;
	padding-bottom: 4px;
}

#cnt-search-bar .keyword {
	font-size: 14pt;
	color: #bb0000;
	font-weight: bold;
}

#cnt-search-bar .result-box {
	background-color: #213952;
	border: 1px solid #333333;
	float: left;
	margin-right: 4px;
	margin-top: 4px;
	padding: 3px;
}

#itemsets img {
	margin-top: 5px;
	margin-right: 4px;
}

.center {
	text-align: center;
}

.bg-color-1 {
	background-color: #111111;
}

.cnt-google-300-outer {
	width: 310px;
}

.cnt-google-300-inner {
	width: 300px;
	margin: 0px;
	padding: 0px;
	border: 1px dotted #333333;
}

.list-1 {
	width: 50%;
	float: left;
}

.tooltip-cnt {
	max-width: 440px;
}

.tooltip-icon {
	float: left;
	margin-right: 5px;
}

.tooltip-main {
	border-radius: 5px;
	//border-collapse: collapse;
	border: 2px solid #333333;
	background-color: #000000;
	
}

.tooltip-main td {
	padding: 3px;
}

.tooltip-main .header {
	font-size: 14px;
	color: #ffc600;
}

.tooltip-main .header-sub {
	color: #aaaaaa;
	font-size: 9pt;
}

.tooltip-main .list {
	color: #aaaaaa;
	font-size: 9pt;
}

.tooltip-main .heroic {
	color: #00ee00;
}

.tooltip-main .glyph {
	color: #2de6e4;
}

.tooltip-main .right {
	float: right;
}

.tooltip-main .speed {
	margin-left: 20px;
}

.tooltip-main .spell {
	color: #00ff00;
}

.tooltip-main .golden {
	color: #ffd517;
}

.tooltip-main .set-part-outer {
	margin-left: 10px;
}

.tooltip-main .set-part-inner {
	color: #888888;
}

.tooltip-main .set {
	color: #ffd517;
}

.tooltip-main .set-bonus-outer {
	margin-top:10px;
}

.tooltip-main .set-bonus-inner {
	color: #888888;
}

.ingame-link {
	width: 500px;
	color: #aaaaaa;
	background-color: #000000;
	border: 1px solid #444444;
}

.nowrap {
	white-space: nowrap;
}

.map-button
{
	background-color: #213952;
	border: 1px solid #333333;
	padding: 4px;
	float: right;
	margin-left: 8px;
}

.map-button:hover {
	background-color: #052342;
	color: #ffc600;
	cursor: pointer;
	outline: none;
}

.map-label-1
{
	white-space: nowrap;
	position: relative;
	right: 50%;
	background-color: #310000;
	font-family: trebuchet ms;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #aaaaaa;
}

.map-label-2
{
	white-space: nowrap;
	position: relative;
	right: 50%;
	background-color: #000000;
	font-family: trebuchet ms;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #aaaaaa;
}

.map-label-over
{
	z-index: 999;
	color: #cc0000;
	font-size: 16px;
	cursor: default;
}

.map-label-out
{
	color:#ffffff;
}

.loading-screen {
	padding: 2px;
	border: 1px solid #333333;
}

.cnt-panel .emphs {
	color:#ffc600;
}

.cnt-panel .emphs:hover {
	color:#bb0000;
}

.middle {
	vertical-align: middle;
}

.exp-0 {
	font-family: verdana;
	font-size: 6pt;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	display: inline;
	text-align: center;
	margin: 2px 2px 2px 2px;
}

.exp-1 {
	color:#00ffc6;
	border:1px solid #00ffc6;
}

.exp-2 {
	color:#00c6ff;
	border:1px solid #00c6ff;
}

.exp-3 {
	color:#ffc600;
	border:1px solid #ffc600;
}

#balls .sandbox {
	margin-top: 2px;
	border: 1px solid #333333;
}

#balls h2 {
	display: inline-block;
	font-size: 19px;
	color: #ffc600;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

#balls .counter {
	font-size: 10pt;
	font-family: verdana;
	color: #888888;
	margin-left: 15px;
	margin-right: 15px;
}

.warning {
	color: #bb0000;
}

#wdb {
	padding: 0 10px 20px 10px;
}

#wdb h2 {
	font-size: 19px;
	color: #ffc600;
	font-weight: normal;
	margin: 15px 0 5px 0;
}

#wdb .marked {
	color: #ffc600;
}

#wdb ul {
	margin: 10px 0 10px 0;
}

#wdb .padding-small {
	padding-bottom:0px;
}

#wdb li {
	margin-left: 20px;
}


#minimaps h2 {
	font-size: 19px;
	color: #ffc600;
	font-weight: normal;
	margin: 15px 0 5px 0;
}

.news h2 {
	font-size: 19px;
	font-weight: normal;
	margin: 15px 0 5px 0;
}

.news p {
	margin-bottom: 5px;
}

.news iframe {display:block;border:0;margin:10px auto;}

.w100p {
	width: 100%;
}

.infotable td {
	padding: 5px;
}

/* google adsense */

.google-responsive {width: 100%;max-width: 970px;margin: 20px auto 0 auto;text-align: center;}