/*-------------------------------------------------------------------------*/ /*	11.	Buttons /*-------------------------------------------------------------------------*/ .nice_button, input[type="submit"] { width: auto; height: 22px; color: #6e4a1d; cursor:url(../images/cursor-link-new.gif),auto; margin: 29px 0 0 0; border: 1px solid #40220a; padding: 0 15px; font-size: 9pt; text-align: center; line-height: 22px; font-family: 'Cinzel', Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; background: rgb(36,19,9); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(36,19,9,1) 0%, rgba(27,17,11,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241309', endColorstr='#1b110b',GradientType=0 ); /* IE6-9 */ }  .nice_button { display: inline-block; }  /* Hover */ .nice_button:hover, input[type="submit"]:hover { color: #6e4a1d; background: rgb(43,23,11); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(43,23,11,1) 0%, rgba(31,20,13,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(43,23,11,1) 0%,rgba(31,20,13,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(43,23,11,1) 0%,rgba(31,20,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b170b', endColorstr='#1f140d',GradientType=0 ); /* IE6-9 */ }  /* Nice active */ /*-------------------------------------------------------------------------*/ /*	13.	Overwrite /*-------------------------------------------------------------------------*/  /* Global /*----------------------------------------------------------*/ .item_group { border: 1px #40220a solid; background-color: #1c0f07; }  .item_avatar, .item_icon, #ucp_characters a, .message_box a:not(.message_box_author) { border: 1px solid #49341e !important; padding: 2px; overflow: hidden; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #100d0a; }  .item_avatar:before, .item_icon:before, #ucp_characters a:before, .message_box a:not(.message_box_author):before { width: 100%; height: 100%; top: 0; left: 0; z-index: 3; content: ""; position: absolute; box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, 0.6); }  .item_avatar img, .item_icon img, #ucp_characters a img, .message_box a:not(.message_box_author) img { width: 100%; height: 100%; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }  /* Comments /*----------------------------------------------------------*/ .comments {}  .comments .comments_area { width: 100%; float: none; margin: 0; }  /* - Comment - */ .comments .comments_area .comment { width: 100% !important; border: 1px #40220a solid; margin: 0 0 9px 0; padding: 9px; font-size: 10pt; background-color: #1c0f07 !important; }  .comments .comments_area .comment img { vertical-align: middle; }  .comments .comments_area .comment .comment_date { font-size: 8pt; float: right; }  .comments .comments_area .comment .comment_date a {}  .comments .comments_area .comment .comment_date a img { width: 12px; height: 12px; float: none; margin: 0; vertical-align: middle; }  .comments .comments_area .comment .comment_author { margin: 0 0 5px 0; }  /* Staff comment */ .comments .comments_area .staff_comment .comment_author { color: #0091CE; }  .comments .comments_area .staff_comment .comment_author:hover { color: #00B4FF; }  .comments .comments_area .staff_comment .comment_author img { margin: 3px 0 0 0 !important; }  /* - Comment form - */ .comments form { width: 100% !important; margin: 0 !important; }  .comments form textarea { width: 100%; height: 70px; }  .comments form .characters_remaining { color: #805025; margin: 9px 0 0 0; font-size: 8pt; }  .comments form input[type="submit"] { margin: 5px 0 0 0; }  /* News pagination /*----------------------------------------------------------*/ #news_pagination { margin: 9px 4px 0 0 !important; text-align: right !important; }  #news_pagination *:empty { display: none; }  #news_pagination a { width: auto; height: 22px; color: #6e4a1d !important; cursor:url(../images/cursor-link-new.gif),auto; margin: 0 -4px 0 9px !important; border: 1px solid #40220a; padding: 0 15px; display: inline-block; font-size: 10pt; text-align: center; line-height: 22px; text-transform: uppercase; background: rgb(36,19,9); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(36,19,9,1) 0%, rgba(27,17,11,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(36,19,9,1) 0%,rgba(27,17,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241309', endColorstr='#1b110b',GradientType=0 ); /* IE6-9 */ }  #news_pagination a:hover { color: #6e4a1d !important; background: rgb(43,23,11); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(43,23,11,1) 0%, rgba(31,20,13,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(43,23,11,1) 0%,rgba(31,20,13,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(43,23,11,1) 0%,rgba(31,20,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b170b', endColorstr='#1f140d',GradientType=0 ); /* IE6-9 */ }  /* Membership /*----------------------------------------------------------*/ .membership { margin: 0 -9px -9px -9px; }  .membership table { width: 100%; margin: 0 0 0 -1px; border-spacing: 10px; }  .membership table tr {}  .membership table tr td { width: 50%; }  .membership table tr td .nice_button, .membership table tr td input[type="submit"] { width: 102%; margin: 0 0 -1px 0; padding: 0; }  /* - Login - */ #sidebox_login {}  #sidebox_login .account_login { padding: 0 9px; }  #sidebox_login .account_login input[type="text"], #sidebox_login .account_login input[type="password"] { width: 98%; margin: 0 0 20px 0; }  /* - Info - */ #sidebox_info {}  #sidebox_info .account_summery { padding: 2px 9px; }  #sidebox_info .account_summery span { color: #999; display: block; text-transform: uppercase; }  #sidebox_info .account_summery i { font-style: inherit; }  /* Server status /*----------------------------------------------------------*/ .loading_ajax { text-align: center; }  .loading_ajax img { vertical-align: middle; }  .realm_status { width: 100%; margin: -9px -3px; overflow: hidden; border-spacing: 0; }  .realm_status tr {}  .realm_status tr td { width: auto; height: 22px; padding: 13px 0; line-height: 22px; border-bottom: 1px #30220A solid; }  .realm_status tr.last-row td { border: none; }  .realm_status tr .r_icon { width: 38px; padding-right: 8px; }  .realm_status tr .r_icon img { margin: 0 auto; display: block; vertical-align: text-top; }  .realm_status tr .r_name { font-variant: small-caps; }  .realm_status tr .r_status { font-variant: small-caps; text-align: right; font-size: 9pt; }  .realm_status tr.offline .r_status { color: #999; }  /* Top PvP /*----------------------------------------------------------*/ #toppvp {}  #toppvp .toppvp_realm { width: 100%; }  #toppvp .toppvp_realm .toppvp_select { padding: 0 0 5px 0; border-bottom: 1px #30220A solid; }  #toppvp .toppvp_realm .toppvp_data {}  #toppvp .toppvp_realm .toppvp_data .toppvp_character { padding: 10px 5px; border-bottom: 1px #30220A solid; }  #toppvp .toppvp_realm .toppvp_data .toppvp_character:last-child { border: none; padding: 10px 5px 0 5px; }  #toppvp .toppvp_realm .toppvp_data .toppvp_character b { vertical-align: middle; }  #toppvp .toppvp_realm .toppvp_data .toppvp_character img { vertical-align: middle; }  /* Donation goal /*----------------------------------------------------------*/ .sidebox .realm { margin: 0 !important; }  .sidebox .realm .realm_bar { width: 100%;margin: 11px 0 0 0 !important; padding: 7px; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#d9000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }  .sidebox .realm .realm_bar .realm_bar_fill { height: 100%; background: rgb(143,196,0); /* Old browsers */ background: -moz-linear-gradient(45deg,  rgba(143,196,0,1) 0%, rgba(143,196,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }  /* Shoutbox /*----------------------------------------------------------*/ #shoutbox {}  /* - Shoutbox form - */ #shoutbox form { margin: 0 0 5px 0 !important; }  #shoutbox form textarea { width: 100%; height: 37px; min-height: 37px; max-height: 37px; margin: 0 0 5px 0; display: block; overflow: hidden; }  #shoutbox form textarea:focus { height: 70px; min-height: 70px; max-height: 70px; }  #shoutbox form .shout_characters_remaining { width: auto; color: #805025; margin: 11px 0 0 0; font-size: 8pt; }  #shoutbox form input[type="submit"] { float: right; margin: 5px 0 0 0; }  /* - Shoutbox shouts - */ #shoutbox #the_shouts { margin: 0; }  #shoutbox #the_shouts .shout { margin: 0 0 5px 0; padding: 0 0 10px 0; background-color: transparent; background-image: url(../images/misc/shout_sep.png); background-repeat: no-repeat; background-position: bottom center; }  #shoutbox #the_shouts .shout:last-child { margin: 0; padding: 0; background: none; }  #shoutbox #the_shouts .shout img { vertical-align: sub; }  #shoutbox #the_shouts .shout .shout_author { font-size: 10pt; }  #shoutbox #the_shouts .shout .shout_author a { font-weight: bold; }  #shoutbox #the_shouts .shout .shout_date { margin: 2px 0 0 0; z-index: 3; font-size: 8pt; }  #shoutbox #the_shouts .shout .shout_date a img { width: 11px; height: 11px; }  /* Staff shout */ #shoutbox #the_shouts .shout .shout_staff a { color: #0091CE; }  #shoutbox #the_shouts .shout .shout_staff a:hover { color: #00B4FF; }  #shoutbox #shoutbox_view { margin: 10px 0 0 0; padding: 0; }  /* Account panel /*----------------------------------------------------------*/ #ucp_top { padding: 0 5px !important; }  #ucp_buttons { width: 100%; left: 0; margin: 0 !important; padding-left: 2px; }  #ucp_characters { margin: 0 auto !important; }  #ucp_characters a { margin: 0 10px 10px 0 !important; }  /* Private message /*----------------------------------------------------------*/ .message_box { color: #999 !important; border: 1px #40220a solid !important; font-size: 10pt; background-color: #1c0f07 !important; }  .message_box .message_box_date { color: #999 !important; z-index: 3; }  .message_box a:not(.message_box_author) { width: 46px; height: 46px; }  .message_box[style="float:left"] a:not(.message_box_author) { margin-right: 10px; }  .message_box[style="float:right"] a:not(.message_box_author) { margin-left: 10px; }  .message_box a:not(.message_box_author) img { border: none; }  .message_box .message_box_author:hover { color: #FFBD26 !important; }  /* Store /*----------------------------------------------------------*/ #store form .filter_field { height: auto !important; padding: 10px !important; border-right: 1px #30220A solid; }  #store form .filter_field:last-of-type { border: none; }  #store form .filter_field select, #store form .filter_field input[type="text"] { width: 132px; }  #store form .filter_field:last-of-type a { margin: 0 10px 0 0; }  #store form .filter_field:last-of-type a:last-child { margin: 0; }  #store .ucp_divider { margin: 0 auto 10px auto; }  #store #store_content { margin: 0 10px !important; }  /* - item categories - */ #store #store_content .realm_items > div:first-child { padding: 0 0 0 5px !important; }  #store #store_content .item_group_title { margin: 3px 0 3px 5px; }  /* - item groups - */ #store #store_content .item_group { margin: 0 0 0 5px; padding: 10px; }  #store #store_content .item_group .store_item { height: 42px !important; margin: 0 0 10px 0; border: 1px #30220A solid !important; padding: 10px; background-color: #120902; }  #store #store_content .item_group .store_item:last-child { margin: 0; }  #store #store_content .item_group .store_item .store_buttons, #store #store_content .item_group .store_item .store_buttons a { margin: 5px 0 0 0; cursor: url(../images/cursor-link-new.gif),auto; }  /* - Cart - */ #store #store_content #cart .online_realm_button { max-height: 46px; }  #store #store_content #cart .store_item { margin: 0 0 5px 0; border: 1px #40220a solid; background-color: #1c0f07; }  #store #store_content #cart .store_item .item_name { height: 18px; overflow: hidden; }  #store #store_content #cart .store_item .item_realm { margin: 17px 0 0 0; }  #store #store_content #cart .store_item:hover .item_name, #store #store_content #cart .store_item:hover .item_realm { margin-left: 0 !important; }  #store #store_content #cart .store_item .delete_item { width: 17px !important; float: right; right: -2px; bottom: 8px; opacity: 0; display: block; z-index: 4; overflow: hidden; position: absolute; transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; -moz-transition: opacity 500ms; -webkit-transition: opacity 500ms; }  #store #store_content #cart .store_item:hover .delete_item { width: 17px; opacity: 1; }  #store #store_content #cart #cart_price #vp_price_full { margin: 6px 10px 0 0 !important; }  #store #store_content #cart #cart_price #dp_price_full { margin: 6px 0 0 0 !important; }  #store #store_content #cart #cart_price a { margin: 4px 0 0 0; }  /* - Checkout - */ #checkout #checkout_info a { margin: -2px 0 0 0; }  #checkout .store_item { height: 44px; margin: 0 0 10px 0; border: 1px #40220a solid; background-color: #1c0f07; }  #checkout .store_item:last-child { margin: 0; }  /* Teleporter /*----------------------------------------------------------*/ #teleport { width: 97.5% !important; margin: 0 auto; }  #teleport #select_character { margin-left: 0; margin-right: 15px; }  #teleport #select_character .teleport_realm_divider { color: #c1b575; opacity: 1; font-size: 8pt; font-weight: bold; }  #teleport #select_character .select_character { margin: 0 0 8px 0; border: 1px #40220a solid; background-color: #1c0f07; }  #teleport #select_character .select_character:hover { background-color: #1F1108; }  #teleport #select_character .item_group { margin: 0 0 8px 0; background-color: #251409; }  #teleport #select_character .character { margin: 0; }  #teleport #select_character .character .character_buttons, #teleport #select_character .character .character_buttons a { margin: 4px 0 0 0; }  #teleport #select_location { float: right; }  #teleport #select_location .location { margin: 0 0 8px 0; border: 1px #40220a solid; background-color: rgba(23, 11, 4, 0.5); transition: background ease-in-out 500ms; -o-transition: background ease-in-out 500ms; -ms-transition: background ease-in-out 500ms; -moz-transition: background ease-in-out 500ms; -webkit-transition: background ease-in-out 500ms; }  #teleport #select_location .location:hover { background-color: rgba(23, 11, 4, 0.8); }  #teleport #select_location .location .location_buttons, #teleport #select_location .location .location_buttons a { margin: 4px 0 0 0; }  #teleport #select_character .character .character_name, #teleport #select_location .location .location_name { color: #d79602; }  #teleport #select_character .character .character_name:hover, #teleport #select_location .location .location_name:hover { color: #FFBD26; }  /* Donate /*----------------------------------------------------------*/ #donate { margin: 0 !important; }  #donate .ucp_divider { padding: 0; }  /* Changelog /*----------------------------------------------------------*/ #changelog_add { margin: 0 20px 20px 20px !important; }  #changelog_add:after { height: 0; clear: both; content: ""; display: block; font-size: 0; visibility: hidden; }  #changelog_add form { width: 380px !important; margin: 0 !important; z-index: 4; }  #changelog_add .nice_button { margin: 5px 0 0 5px !important; }  #change_form input[type="text"], #change_form select, #category_form input[type="text"] { width: 90% !important; margin: 5px 0 !important; }  /* Armory /*----------------------------------------------------------*/ #search_box input[type="text"] { float: none !important; }  #search_sections { padding: 10px 1px 10px 6px !important; }  #search_results .search_result_character { width: 222px !important; overflow: hidden !important; }  #search_results .search_result_character .name { margin-top: -1px !important; }  #search_results .search_result_character span { height: 40px !important; margin: 0 !important; }  /* Guild /*----------------------------------------------------------*/ .search_result_character .name, .search_result_character span { margin: 0 !important; overflow: visible !important; } .mwTime { height: 23px; width: 23px; position: absolute; right: 11px; top: -31px; z-index: 2; color: #6e4a1d; }