@charset "utf-8";

/**
 * This stylesheet contains both general
 * and certain module specific selectors.
 * You should edit the colors to suit your
 * theme. You can also override their module
 * provided default styles like font-size,
 * margin and padding.
 *
 * If you need to look up the default styles
 * of a selector, please refer to:
 * /application/css/default.css
 */

/* News pagination link states */
#news_pagination a, #messages_pagination a {
	margin:0px;
	display:block;
}

.location {
	border:1px solid #0E171E;
	background-color:rgba(7,14,18,0.8);
}

.location_name {
	color:#CF9139;
}

.location:hover {
	background-color:rgba(7,14,18,1);
}

/* Slider text bar */
.caption {
	background-color:rgba(0,0,0,0.6);
	color:#fff;
}

#slider_next,
#slider_previous {
	color:#fff;

}

#slider_next:hover,
#slider_previous:hover {
	background-color:#000;
}

#store {
	margin-left:-8px;
} 

/* News comments styles */
.staff_comment .comment_author {
	color:#00B4FF !important;
}

.comment, .message_box {
	width:345px !important;
	border:1px solid #1e1e1e !important;
	background-color:rgba(0,0,0,0.3); !important;
	color:inherit !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.comment a img, .message_box a img {
	border:1px solid #000 !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
}

.comment_author:hover, .message_box_author:hover {
	color:#fff !important;
}

.comment_date, .message_box_date {
	color:#666;
}

/* Comments and shoutbox: characters remaining indicator text */
.characters_remaining {
	color:#666;
}

#poll_answers .poll_answer {
	margin-left:10px;
}

/* Modal boxes: alert & confirm */
.popup {
	background-color:#eee;
	border:1px solid #fff;
	box-shadow:0px 0px 35px #000;
	-webkit-box-shadow:0px 0px 35px #000;
	-moz-box-shadow:0px 0px 35px #000;
}

.popup a {
	color: #fff;
}

.popup a:hover {
	color:#fff;
}

.popup_button {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
	-ms-box-shadow: inset 0 1px 0 0 #96ca6d;
	-o-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	text-shadow: 0 -1px 0 #4c9021;
}

.popup_button:hover {
	 background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
}

.popup_button:active {
	border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.popup_hide {
	background-color: #bfbfbf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfbfbf), color-stop(100%, #9a9a9a));
	background-image: -webkit-linear-gradient(top, #bfbfbf, #9a9a9a);
	background-image: -moz-linear-gradient(top, #bfbfbf, #9a9a9a);
	background-image: -ms-linear-gradient(top, #bfbfbf, #9a9a9a);
	background-image: -o-linear-gradient(top, #bfbfbf, #9a9a9a);
	background-image: linear-gradient(top, #bfbfbf, #9a9a9a);
	border: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	-webkit-box-shadow: inset 0 1px 0 0 #cbcbcb;
	-moz-box-shadow: inset 0 1px 0 0 #cbcbcb;
	-ms-box-shadow: inset 0 1px 0 0 #cbcbcb;
	-o-box-shadow: inset 0 1px 0 0 #cbcbcb;
	box-shadow: inset 0 1px 0 0 #cbcbcb;
	text-shadow: 0 -1px 0 #8f8f8f;
}

.popup_hide:hover {
	background-color: #adadad;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #adadad), color-stop(100%, #a0a0a0));
    background-image: -webkit-linear-gradient(top, #adadad, #a0a0a0);
    background-image: -moz-linear-gradient(top, #adadad, #a0a0a0);
    background-image: -ms-linear-gradient(top, #adadad, #a0a0a0);
    background-image: -o-linear-gradient(top, #adadad, #a0a0a0);
    background-image: linear-gradient(top, #adadad, #a0a0a0);
    -webkit-box-shadow: inset 0 1px 0 0 #bbbbbb;
    -moz-box-shadow: inset 0 1px 0 0 #bbbbbb;
    -ms-box-shadow: inset 0 1px 0 0 #bbbbbb;
    -o-box-shadow: inset 0 1px 0 0 #bbbbbb;
    box-shadow: inset 0 1px 0 0 #bbbbbb;
}

.popup_hide:active {
	border: 1px solid #a0a0a0;
    border-bottom: 1px solid #8b8b8b;
    -webkit-box-shadow: inset 0 0 8px 4px #8c8c8c, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #8c8c8c, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #8c8c8c, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #8c8c8c, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #8c8c8c, 0 1px 0 0 #eeeeee;
}

#popup_bg {
	background-color:#000;
}

/* Form fields */
textarea {
	padding:8px;
	color:#8f7a60;
	resize: none;
	background-color:#020407;
	border:1px solid #463b2e;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:16px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	width:80%;
	padding:8px;
	color:#8f7a60;
	background-color: rgba(0, 0, 0, 0.3);
	border:1px solid #463b2e;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:5px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}


input[type="text"],
input[type="password"],
input[type="email"]
{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:14px;
	margin-top:-3px;
	width:200px;
	padding:2px;
    color:#F0FFFF;
	background-color: rgba(0, 0, 0, 0.3);
	border:0.5px solid #463b2e;
	border-radius:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

input[type="inne"]
{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:14px;
	margin-top:-3px;
	width:200px;
	padding:2px;
    color:#F0FFFF;
	background-color: rgba(0, 0, 0, 0.3);
	border:0.5px solid #463b2e;
	border-radius:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

input[type=search] 
{
	width: 130px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
	display:table-cell;
	vertical-align:middle;
	margin-left: -18px;
	color:#544c43;
    background-color: white;
    background-image: url(../images/icons/searchicon.png);
    background-position: 4px 1px; 
    background-repeat: no-repeat;
    padding: 4px 10px 4px 31px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=search]:focus {
    width: 162px;
}

input[type="login"]
{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:14px;
	height:25px;
	width:130px;
	padding:2px;
    color:#F0FFFF;
	background-color: rgba(0, 0, 0, 0.3);
	border:0.5px solid #463b2e;
	border-radius:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:2px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

input[type="login"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	color:#8f7a60;
	border:1px solid #463b2e;
}

/* Full-page styles (log in, register etc.) */
.page_form input[type="submit"] {
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
}

.avatar, #ucp_avatar, .store_item .item_icon {
	border:0px solid #000;
	margin-right:10px;
}

.ucp_divider {
	background-image:url(../images/divider.png);
	background-repeat:no-repeat;
	height:32px;
	background-position:center;
}

.vertical_divider {
	background-image:url(../images/vertical_divider.png);
	background-repeat:no-repeat;
	height:424px;
	width:33px;
}

#armory {
	margin-left:-5px !important;
}

/* First column in the #ucp_info */
#ucp_info aside:first-child {
	border-right:1px solid #161616;
}

#ucp_info aside:nth-child(3) {
	border-left:1px solid #0E171E;
}


#ucp_info aside:last-child {
	border-right:none !important;
}

/* Second <td> of each row */
#ucp_info td:nth-child(2) {
	font-weight:bold;
}

#ucp_buttons a {
	border:1px solid #000;
	
}

/* UCP: character list, character */
#ucp_characters a {
	border:1px solid #000;
}

/* =========== CMS: realm status =========== */
#left .realm {
	color:#a07332;
	font-size:14px;
	border:1px solid #161616;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: rgba(0, 0, 0, 0.2);
	padding:5px;
}

#left .realm .realm_online {
	color:#864f1f;
	float:right;
	font-size:12px;
}

#left .realm .realm_bar, .poll_bar {
	height:25px;
	border:1px solid #161616;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top:0px;
	margin-bottom:0px;
}

#left .realm .realm_bar .realm_bar_fill, .poll_bar_fill {
	border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	background-image:url(../images/realm_bar.png);
	height:21px;
	margin-top:2px;
	margin-left:2px;
}

#left #realmlist {
	border:1px solid #161616;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: rgba(0, 0, 0, 0.3);
	padding:5px;
	text-align:center;
	color:#a07332;
	font-size:12px;
}

/* Online players bar and realm bar (used on UCP, profiles) */
.online_realm_button, #ucp_characters h1 {
	background-image:url(../images/button_bg.png);
	height:21px;
	border:1px solid #161616;
	border-top-color:#161616;
	color:#8f7a60;
	box-shadow:1px 1px 0px #161616;
	text-shadow:1px 1px 0px #000;
	padding:8px;
	margin-top:5px !important;
}

#cartbtn {
	margin-top:0 !important;
}

.online_realm_button:hover {
	background-position:0px 37px;
	color:#A07332;
}

.online_realm_button:active {
	box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
	-webkit-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
	-moz-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
	-ms-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
	-o-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
}

#ucp_info td {
	font-size:10px;
}

/* Table style, used on vote panel, donate panel, online players etc. */
.nice_table tr:first-child td {
	border-bottom:1px solid #161616;
	color:#A07332;
	font-weight:normal;
}

.nice_table tr:first-child td a {
	color:#A07332;
}

.nice_table td {
	vertical-align: middle;
}


/* =========== CMS: shout box =========== */
#left #shoutbox textarea {
	width:92%;
	height:20px;
}

#left #shoutbox .shout_characters_remaining {
	font-size:10px;
	margin-top:12px;
	margin-left:1px;
}

#left #shoutbox #shoutbox_submit {
	float:right;
	padding-left:20px;
	padding-right:20px;
}

#left #the_shouts .shout {
	border-bottom:1px solid rgba(14,24,32,0.5);
	border-top:1px solid rgba(0,0,0,0.9);
	padding:10px;
	color:#3d4346;
}

#left #the_shouts .shout:first-child {
	border-top:none;
}

#left #the_shouts .shout:last-child {
	border-bottom:none;
}

#left #the_shouts .shout_date {
	float:right;
	font-size:10px;
}

#left #the_shouts .shout_author a {
	color:#a07332;
}

#left #the_shouts .shout_staff a {
	color:#2a88c8;
}

#left #shoutbox #shoutbox_view {
	text-align:center;
	padding-top:10px;
}

#left #shoutbox #shoutbox_view a {
	font-size:14px;
}

/* PvP ladder sidebox */
.toppvp_select {
	border-bottom:1px solid #161616;
	margin-top:5px;
}

.toppvp_realm {
	width:255px !important; /* Width of the button - should be whole sidebox */
}

.toppvp_character {
	border-bottom:1px solid #161616;
	border-top:1px solid rgba(0,0,0,0.9);
	padding:10px;
	color:#864f1f;
}

.toppvp_character:first-child {
	border-top:1px solid rgba(0,0,0,0.9);
}

.toppvp_character:last-child {
	border-bottom:none;
}

/* FusionEditor WYSIWYG field */
.fusioneditor .fusioneditor_tools {
	color:#3D4346 !important;
	border-bottom:none !important;
	border:1px solid #300101 !important;
	background-color:#170000 !important;
}

.fusioneditor .fusioneditor_tools a:hover {
	border:1px solid #300101 !important;
	background-color:#170000 !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
}

.fusioneditor .fusioneditor_tools a:active {
	border:1px solid #666;
}

.fusioneditor .fusioneditor_field {
	color:#c8792d;
	background-color:#170000 !important;
	border:1px solid #300101 !important;
	border-top:none !important;
}

.fusioneditor .fusioneditor_field b {
	font-weight:bold;
}

.fusioneditor .fusioneditor_toolbox {
	border-top:1px solid #080E14 !important;
}

.fusioneditor .fusioneditor_size {
	color:#666;
}

.fusioneditor .fusioneditor_size:hover {
	color:#fff;
}

.fusioneditor .fusioneditor_color:hover {
	border:1px solid rgba(0,0,0,0) !important;
}

.fusioneditor .fusioneditor_color:active {
	border:1px solid rgba(0,0,0,0) !important;
}

/* The pop up "autocomplete" box on private messages -> compose */
#pm_username_autocomplete {
	background-color:#0a0603 !important;
	border:1px solid #0A394B !important;
}

#pm_username_autocomplete a {
	border-bottom:1px solid #0A3748 !important;
}

#ucp_buttons {
	width:690px;
	margin-left:-8px;
}

/* Store: filter fields divider */
#store form .filter_field {
	border-left:1px solid #200000;
	margin-bottom:8px;
}

/* Store: item group title */
.item_group_title, .store_item {
	text-shadow:1px 1px 0px #000;
}

.item_group_title {
	margin-top:20px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	margin-left:13px;
}

/* Store: item group box */
.item_group {
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border:1px solid #111;
	background-color:rgba(0,0,0,0.2);
	padding:0px;
}

/* Store: item */
.store_item {
	border-bottom:1px solid #000;
}

/* Prevent the bottom border on the last item */
.store_item:last-child {
	border-bottom:none;
}

/* Prevent the top border on the first item */
.store_item:first-child {
	border-top:none;
}

#cart_price_divider {
	border-bottom:1px solid #0E171E;
	margin-bottom:10px;
}

#armory_top h1 {
	color:#eee;
}

#avatar_page center {
	color:#fff;
}

#armory_stats td {
	font-size:12px !important;
}

#store form input[type="text"] {
	width:95px !important;
}

#change_form input[type="text"] {
	width:50% !important;
}

#sidebox_login input[type="submit"] {
	width:80%;
	margin-bottom:10px;
}



 .facebook_left {
    width: 245px;
    height: 389px;
    position: fixed;
	left: -245px;
	top: 220px;
	z-index: 99997;
}
.facebook_right {
    width: 245px;
    height: 389px;
    position: fixed;
	right: -245px;
	top: 220px;
	z-index: 99997;
}
.facebook_left #facebook_icon {
	float: right;
	height: 60px;
    width: 34px;
	right: -34px;
    background: url("fb.png") no-repeat;
	cursor: pointer;
	position: relative;
    z-index: 99998;
}
.facebook_right #facebook_icon {
	float: left;
	height: 60px;
    width: 34px;
	left: -34px;
    background: url("fb.png") no-repeat;
	cursor: pointer;
	position: relative;
    z-index: 99998;
}
.facebook_right .facebook_box {
    background-color: #FFFFFF;
	border: 4px solid #3B5998;
    float: right;
	top: -60px;
	position: relative;
    z-index: 99999;
}
.facebook_left .facebook_box {
    background-color: #FFFFFF;
	border: 4px solid #3B5998;
    float: left;
	top: -60px;
	position: relative;
    z-index: 99999;
}
table {
color: #7d786a;
}
.InnerTableContainer>table {
width: 100%;
}
.Table1 {width: 100%;}
.Table3, .Table5 {width: 100%;}
.Table3, .Table5 {width: 100%;}
.Text { font-size: 25px; }
.Text:first-letter { font-weight: bold; font-size: 202%; }
table {
color: #7d786a;
}
.InnerTableContainer>table {
width: 100%;
}
.Table1 {width: 100%;}