body {background-color:#010e16;background-image:url("/wow/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;}

/* misc */

.clear {clear:both;}
.nowrap {white-space:nowrap;}

/* misc game */

.ingame-link {box-sizing:border-box;padding:5px;width:100%;}

/* breadcrumb */

.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.55);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;}

/* search */

.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:300px;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;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;}

/* welcome message & counters */

#welcome .avatar {float:left;margin-right:20px;width:150px;}
#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;}

/* tooltip */

.tooltip-cnt {max-width:440px;font-size:15px;}
.tooltip-icon {float:left;margin-right:5px;}
.tooltip-main {border-radius:5px;border:2px solid #333333;background-color:#000000;padding:5px;}
.tooltip-main td {padding:3px;}
.tooltip-main .header {font-size:16px;color:#ffc600;}
.tooltip-main .header2 {font-size:15px;color:#ffc600;}
.tooltip-main .header-sub {font-size:15px;color:#aaaaaa;}
.tooltip-main .list {color:#aaaaaa;font-size:10pt;}
.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;}

/* list */

.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-list img.icon {display:block;}
.cnt-list img.icon2 {display:inline-block;vertical-align:middle;margin:4px;}
.cnt-list .first-row img {display:inline-block;}
.cnt-list tr:last-child td {border-bottom:0;}

/* minimap */

.minimap {display:inline-block;background-color:#181818;margin:10px;border:1px dashed #333333;}
.minimap img {display:block;}
.minimap .header {padding-top:5px;}
.minimap .header-sub {padding-bottom:5px;}
.quest-start {display:inline-block;margin-top:10px;}
.quest-start .minimap {margin-top:5px;}
.quest-start .label-top {background-color:#ffc600;color:#000000;margin:0 10px 0 10px;font-weight:700;}
.quest-start .label-item {display:inline-block;margin-top: 10px;}
.quest-start .ss-item-tt {padding:10px;text-align:left;}

/* map */

.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 {box-sizing:border-box;white-space:nowrap;position:relative;right:50%;background-color:#310000;padding:3px 10px;border:1px solid #aaaaaa;}
.map-label-2 {box-sizing:border-box;white-space:nowrap;position:relative;right:50%;background-color:#000000;padding:3px 10px;border:1px solid #aaaaaa;}
.map-label-over {z-index:999;color:#cc0000;cursor:default;}
.map-label-out {color:#ffffff;}

/* customization panel */

.customize {width:100%;background-color:#220000;}
.customize input, .customize select {padding:5px;}
.customize .position {margin:7px 10px 10px 10px;float:left;}
.customize .header {color:#bbbbbb;font-size:14px;margin-bottom:4px;margin-left:2px;}
.customize .input-1 {width:300px;}
.customize .input-2 {width:240px;}
.customize .input-3 {width:100px;}
.customize .input-4 {width:50px;}
.customize .input-5 {width:30px;}
.customize .input-6 {width:170px;}
.customize .controls {text-align:right;padding:10px;vertical-align:bottom;}
.customize .controls input {min-width:100px;margin:5px 0;}
.customize .controls input:hover {font-weight:bold;}
.customize select .master-group {background-color:#d8d8d8;}

/* google ads */

.baner-horizontal {margin:10px auto 10px auto;text-align:center;}

	/* LARGE */

@media screen and (min-width:1025px) {
	.google-300x250 {float:right;margin:0 0 0 20px;padding-left:10px;background-color:#000000;}
	.google-responsive .adsbygoogle {width: 970px;height:250px;}
}

	/* MEDIUM */

@media screen and (min-width:641px) and (max-width:1024px) {
	.google-300x250 {float: right;margin: 0 0 0 20px;}
	.google-responsive .adsbygoogle {min-width:640px;height:250px;}
}

	/* SMALL */

@media screen and (max-width:640px) {
	.google-300x250 {margin: 0 auto 20px auto;text-align:center;}
	.google-responsive .adsbygoogle {min-width:300px;height:250px;}
}

/* disqus */

#disqus_thread {font-family:'Open Sans', sans-serif;box-sizing:border-box;background-color:#000000;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;
}

.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:#132c47;
	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;
}

#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 h2 small {
	display:block;
	font-size:70%;
	color: #aaaaaa;
}

#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;
}

.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:22px;color:#ffc600;font-weight:normal;display:block;margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #ffc600;}
.cnt-panel-top p {margin: 5px 0;}

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

#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-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;
}

.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;
}


.w100p {
	width:100%;
}

.infotable td {
	padding:5px;
}

/* google adsense */

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