html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#wrapper
{
	min-width: 1024px;
	min-height: 100%;
	position: relative;
}

#header-image {
	padding-top:5px
}

.tagline {
	font-family: Avenir, Arial, sans-serif;
	font-size:12px;
	margin-top:-15px;
	margin-left:5px;
	float:left;
}

a:link, a:visited, .link-color {
    color: rgb(70, 197, 255);
    text-decoration: none
}

body {
	background: url(/img/common/mesh.jpg) black;
	background-size: 100%;
	color: rgb(225, 242, 245);
	margin: 0;
	padding: 0;
	font-size: 13px;
}

body.swagger-section {
	background: #fff !important;
	color:black !important;
}

body, .ui-widget {
	font-family: Avenir, Arial, sans-serif !important;
}

#header {
	background-color:black;
	border-bottom: 1px solid rgb(225, 242, 245);
	font-size: 16px;
	background: url(ass/img/common/draenor.png);
	background-size:100% !important;
	background-position: center !important;
}

#header-logo {
	width:1024px;
	margin: 0 auto;
	position:relative;
	text-shadow: 2px 2px black;
}

#header-bar {
	border-bottom: 1px solid #555555;
	border-left: 1px solid #555555;
	background-color: #001520;
	font-size:13px;
	position:relative;
	z-index:10000;
}

#header-bar-inset {
	width:1024px;
	margin: 0 auto;
}

#header-bar-content {
	width:1024px;
	margin: 2px auto;	
	padding-bottom:2px
}

#header-bar-content a {
	padding:0 6px;
}

#header-bar-content-left { float: left }
#header-bar-content-right { float: right }

#content {
	width:1024px;
	padding-bottom:50px;
	margin: 10px auto;
}

.dialog-block {
	background: none #001520 !important;
	margin-bottom:1em;
	border:1px solid #555555;
}

body:not(.swagger-section) h2 {
	font-weight:100;
	font-size:20px;
	text-shadow: 1px 1px 1px #000;
}

.dialog-title {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#0A0A0A));
	background: -webkit-linear-gradient(top, #161616, #0A0A0A);
	background: -moz-linear-gradient(top, #161616, #0A0A0A);
	background: -o-linear-gradient(top, #161616, #0A0A0A);
	background: -ms-linear-gradient(top, #161616, #0A0A0A);
	background: linear-gradient(top, #161616, #0A0A0A);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px #000;
	padding-left:1em;
	color: rgb(225, 242, 245);
	font-weight:100;
	font-size:20px;
	line-height:1.6;
	border-bottom:1px solid #555555;
}

.dialog-table {
	margin: 10px auto;
}

.dialog-content {
	padding: 5px !important;
}

input:disabled { opacity: 0.4 }

input, select, textarea {
	font: inherit !important;
	line-height: 1.3 !important;
}

.ui-state-error {
	background: none #200000 !important;
	color: rgb(225, 242, 245) !important;
	border-color: #800000 !important;
}

#dialog-confirm {
	background: black !important;
}

.ui-dialog-buttonset .ui-button, .ui-dialog-titlebar-close {
	outline-style: none !important;
}

input:focus, textarea:focus { outline: none !important;}

input, textarea, select { background-color: rgb(225, 242, 245) !important; color: black !important;
	border:1px solid black; border-radius:5px !important; padding-left:5px; }

#searchfield { opacity: 0.8; font-size:14px !important }

input[type=button], input[type=submit] {
	border-radius: 10px !important;
	background-color: rgb(0, 32, 48) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 32, 48)), to(rgb(0, 64, 80)));
	background: -webkit-linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	background: -moz-linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	background: -o-linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	background: -ms-linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	background: linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	font-size:12px !important;
	font-family: Avenir, Arial, sans-serif;
	color: rgb(225, 242, 245) !important;
	border: none;
	margin: 0 2px;
	padding:2px 10px;
	height:25px;
	box-sizing:border-box;
}

input[type=file]::-webkit-file-upload-button
{
	border-radius: 10px !important;
	background: -webkit-linear-gradient(top, rgb(0, 32, 48), rgb(0, 64, 80));
	font-size:12px !important;
	font-family: Avenir, Arial, sans-serif;
	color: rgb(225, 242, 245) !important;
	border: none;
	margin: 1px 0;
}

input[type=file]:hover::-webkit-file-upload-button
{
	color: #3DECE6 !important;
}

input[type=button]:hover:enabled, input[type=submit]:enabled:hover {
	color: #3DECE6 !important;
}

#footer {
	position:absolute;
	bottom: 0;
	left:300px;
	right:300px;
	font-size:12px;
	padding:1em;
	text-align:center;
	color: #aaaaaa;
	background: none !important;
	border: none !important;
}

#footer > a:link, #footer > a:visited
{
	color: #aaaaaa;
}

.ui-autocomplete { z-index: 100000 !important; background: black !important }
.ui-autocomplete * { border: 0 !important; }

.dialog-content
{
	min-height:630px;
}

.anbu {
	color:black; /* Laravel's DB Profiler Bar */
}

.bnet-tab {
	float:left;
	padding:3px;
	min-width:63px;
	border:1px solid #a0a0a0;
	color: #a0a0a0 !important;
	background-color:black;
	text-align:center;
}

.bnet-tab:not(.first) {
	margin-left:5px;
}

a.bnet-tab:hover {
	color: white !important;
	background-color: #000040;
}


.DeathKnight-Unholy { background: url(/img/icons/DeathKnight-Unholy.jpg) no-repeat top right; -webkit-background-size:20px; }

.DeathKnight { color: rgb(77%, 12%, 23%) !important; }
.Druid { color: rgb(100%, 49%, 4%) !important }
.Hunter { color: rgb(67%, 83%, 45%) !important }
.Mage { color: rgb(41%, 80%, 94%) !important }
.Monk{ color: #2D9B78 !important }
.Paladin { color: rgb(96%, 55%, 73%) !important }
.Priest { color: rgb(100%, 100%, 100%) !important }
.Rogue { color: rgb(100%, 96%, 41%) !important }
.Shaman { color: rgb(14%, 35%, 100%) !important }
.Warlock { color: rgb(58%, 51%, 79%) !important }
.Warrior { color: rgb(78%, 61%, 43%) !important }

.DeathKnight:hover { color: rgb(92%, 27%, 38%) !important }
.Druid:hover { color: rgb(100%, 64%, 19%) !important }
.Hunter:hover { color: rgb(82%, 98%, 60%) !important }
.Mage:hover { color: rgb(56%, 95%, 100%) !important }
.Monk:hover { color: #4DbB98 !important }
.Paladin:hover { color: rgb(100%, 70%, 88%) !important }
.Priest:hover { color: rgb(85%, 85%, 85%) !important }
.Rogue:hover { color: rgb(100%, 100%, 56%) !important }
.Shaman:hover { color: rgb(29%, 50%, 100%) !important }
.Warlock:hover { color: rgb(72%, 66%, 94%) !important }
.Warrior:hover { color: rgb(93%, 76%, 58%) !important }

.Boss { color: #B4BDFF !important }
.Boss-bg { background-color: #B4BDFF !important }
.Boss:hover { color: #FFCDFF !important }

.NPC { color: #84BDF8 !important }
.NPC-bg { background-color: #84BDF8 !important }
.NPC:hover { color: #A4DDFF !important }

.Pet { color: #64BDC8 !important }
.Pet-bg { background-color: #64BDC8 !important }

.DeathKnight-bg { background-color: rgb(77%, 12%, 23%) !important; }
.Druid-bg { background-color: rgb(100%, 49%, 4%) !important }
.Hunter-bg { background-color: rgb(62%, 78%, 42%) !important }
.Mage-bg { background-color: rgb(41%, 80%, 94%) !important }
.Monk-bg { background-color: #2D9B78 !important }
.Paladin-bg { background-color: rgb(96%, 55%, 73%) !important }
.Priest-bg { background-color: rgb(100%, 100%, 100%) !important }
.Rogue-bg { background-color: rgb(100%, 96%, 41%) !important }
.Shaman-bg { background-color: rgb(14%, 35%, 100%) !important }
.Warlock-bg { background-color: rgb(58%, 51%, 79%) !important }
.Warrior-bg { background-color: rgb(78%, 61%, 43%) !important }

.DeathKnight-behind-text { background-color: rgb(57%, 10%, 18%) !important; }
.Druid-behind-text { background-color: rgb(80%, 39%, 4%) !important }
.Hunter-behind-text { background-color: rgb(47%, 63%, 25%) !important }
.Mage-behind-text { background-color: rgb(31%, 60%, 74%) !important }
.Monk-behind-text { background-color: #2D9B78 !important }
.Paladin-behind-text { background-color: rgb(76%, 44%, 58%) !important }
.Priest-behind-text { background-color: rgb(55%, 55%, 55%) !important }
.Rogue-behind-text { background-color: rgb(50%, 48%, 20%) !important }
.Shaman-behind-text { background-color: rgb(11%, 28%, 80%) !important }
.Warlock-behind-text { background-color: rgb(46%, 40%, 63%) !important }
.Warrior-behind-text { background-color: rgb(62%, 49%, 34%) !important }

.Medic { color: rgb(16, 130, 16) !important }
.Medic-bg { background-color: rgb(16, 130, 16) !important }
.Medic:hover { color:rgb(32, 144, 32) !important; }

.Stalker { color: rgb(209, 38, 204) !important; }
.Stalker-bg { background-color: rgb(209, 38, 204) !important; }
.Stalker:hover { color:rgb(224, 52, 220) !important; }

.WSWarrior { color: #cf2621 !important; }
.WSWarrior-bg { background-color: #cf2621 !important; }
.WSWarrior:hover { color:#ff4641 !important; }

.Esper { color: #33e2d3 !important; }
.Esper-bg { background-color: #33e2d3 !important; }
.Esper:hover { color: #53ffe3 !important; }

.Spellslinger { color: #2599be !important; }
.Spellslinger-bg { background-color: #2599be !important; }
.Spellslinger:hover { color: #35a9ce !important; }

.Engineer { color: #d69c00 !important; }
.Engineer-bg { background-color: #d69c00 !important; }
.Engineer:hover { color: #e09c00 !important; }

.title-yellow { color: #ff8; }

.bnet-char-tab { float:left; width:175px; border:1px solid #808080 !important; padding:1px; margin:5px; line-height:1.3; background-color:black }
.bnet-char-tab:hover { background-color: #000040 }
.bnet-char-pic { width:48px; height:48px; float:left; margin-right:7px; }
.bnet-char-name-container { display: block; margin-top: 5px }
.bnet-char-name { font-size: 16px; font-weight:bold; }

.ellipsize { white-space: nowrap; text-overflow:ellipsis; overflow:hidden }
