#newss { display:block; opacity:60%; margin-left: 10px; margin-right: 10px; } #newss:hover { opacity:100%; }  #main #loading { display: none; height: 23px; width: 23px; }  /* Image slider background element */ #slider_wrapper { width:708px; height:205px; margin-bottom:10px; }  #slider { overflow:hidden; margin-top:-1px; }  .clear { clear:both; height:0px; overflow:hidden; }  *:focus { outline:none; }  .avatar { float:left; margin-right:10px; margin-left:10px; margin-top:3px; }  .fluxslider, .surface, .images, .image1, .image2 { -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0); -o-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }  input[type="radio"] { background-color:transparent !important; }  /* Slider number links */ .pagination { display:none; }  /* Slider text bar */ .caption { padding:10px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; font-weight:bold; background-color:rgba(0,0,0,0.6); color:#fff; position:absolute; bottom:0px; }  #slider_next, #slider_previous { border-radius:2px; position:absolute; padding:10px; color:#fff;  z-index:999999; }  #slider_next:hover, #slider_previous:hover { background-color:#000; }  #pm_username_autocomplete { z-index:999999; }  .characters_remaining { float:left; margin-top:17px; margin-left:1px; font-weight:bold; }  /* Modal boxes: alert & confirm */ .popup { width:270px; display:none; z-index:999999; padding:20px; background-color:#eee; border:1px solid #fff; position:fixed; left:50%; text-shadow:none; margin-left:-120px; top:30%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 35px #000; -webkit-box-shadow:0px 0px 35px #000; -moz-box-shadow:0px 0px 35px #000; }  .popup h1 { margin:0px; padding:0px; text-align:center; font-weight:normal; margin-bottom:10px; color:#000; max-height:300px; overflow:auto; }  .popup a { display:block; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; line-height: 1; padding:10px 20px 10px 20px; text-align: center; font-weight:bold; margin-right:7px; margin-left:7px; width:50px; text-shadow:none; }  .popup a:hover { text-shadow:none; text-decoration:none; 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_links { width:214px; margin-top:15px; margin-left:auto; margin-right:auto; }  #popup_bg { background-color:#000; position:fixed; width:100%; height:100%; z-index:99999; display:none; top:0; left:0; }  #alert_button { float:none; width:80px; margin-left:auto; margin-right:auto; }  /* Tooltip */ #tooltip, .tooltip { padding: 7px; background-color:#070c21; background-color: rgba(7,12,33,0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #777777; border-top:1px solid #cfcfcf; -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; color: #fff; line-height:1.5; }  #tooltip { position: absolute; display: none; z-index: 99999; }  .nice_button img { margin-right:5px; }  .page_form table { width:60%; margin-left:auto; margin-right:auto; }  /* First column (the field label, in most cases) */ .page_form table td:first-child { padding-left:20px; width:30%; }  .page_form label { margin-right:15px; }  #forgot { margin-top:15px; margin-bottom:5px; }  /* Remember me */ #remember_me { margin-top:5px; margin-bottom:5px; }   .realm { margin:0px auto 0px auto; margin-bottom:5px; margin-top:5px; }  .realm_online { float:right; font-weight:bold; }  .realm_bar, .poll_bar { /*margin-top:5px; margin-bottom:10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;*/ }  /* Realm status module [bar fill] */ .realm_bar_fill, .poll_bar_fill { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; height:8px; }  /* Realmlist box in the realm status sidebox */ #realmlist { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; padding-top:2px; padding-bottom:2px; margin-top:10px; margin-bottom:5px; }  /* Online players bar and realm bar (used on UCP, profiles) */ .online_realm_button, #ucp_characters h1 { display:block; padding:7px; margin-top:10px; margin-bottom:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-align:center; }  .online_realm_button:first-child { margin-top:0px; }  /* Table style, used on vote panel, donate panel, online players etc. */ .nice_table { width:95%; margin-left:auto; margin-right:auto; border-spacing:0px; }  .nice_table tr:first-child td { font-weight:bold; padding:7px; }  .nice_table tr:not(:first-child) td{ padding:7px; height:40px; }  .nice_table td:first-child { font-weight:bold; }  /* Shoutbox sidebox module */ #shoutbox form { text-align:center; margin-bottom:10px; }  #shoutbox form textarea { margin-top:5px; height:16px; }  #shoutbox form input[type="submit"] { margin-top:4px; }  #shoutbox .shout { padding:10px; overflow:hidden; }  #shoutbox .shout .shout_author { margin-bottom:5px; }  #shoutbox .shout .shout_date { float:right; }  /* "Older messages" button/link */ #shoutbox #shoutbox_view { text-align:center; display:block; padding-top:10px; margin-bottom:5px; clear:both; }  /* Characters remaining counter */ .shout_characters_remaining { float:left; margin-top:14px; width:50px; }  #shout { overflow:hidden; }  /* PvP ladder sidebox */ #toppvp { overflow:hidden; }  .toppvp_select { padding-bottom:10px; padding-top:4px; }  .toppvp_realm { float:left; width:208px; text-align:center; }  .toppvp_next { float:right; }  .toppvp_previous { float:left; }  .toppvp_character { padding:10px; text-align:left; }  .toppvp_character:first-child { border-top:none; }  /* Spot number */ .toppvp_character b { margin-right:7px; }  /* Item quality colors */ .q  { color: #ffd100 } .q0, .q0 a { color: #9d9d9d } .q1, .q1 a { color: #ffffff } .q2, .q2 a, .q2:hover { color: #1eff00 } .q3, .q3 a { color: #0070dd } .q4, .q4 a { color: #a335ee } .q5, .q5 a { color: #ff8000 } .q6, .q6 a { color: #e5cc80 } .q7, .q7 a { color: #e5cc80 } .q8, .q8 a { color: #ffff98 } .q9, .q9 a { color: #71D5FF } .q10, .q10 a { color: #ffd100 }  /* Sockets */ .socket-meta   { padding-left: 26px; background: url(../images/misc/socket_meta.gif) no-repeat left center } .socket-red    { padding-left: 26px; background: url(../images/misc/socket_red.gif) no-repeat left center } .socket-yellow { padding-left: 26px; background: url(../images/misc/socket_yellow.gif) no-repeat left center } .socket-blue   { padding-left: 26px; background: url(../images/misc/socket_blue.gif) no-repeat left center }  /* FusionEditor WYSIWYG field */ .fusioneditor .fusioneditor_tools { padding-top:5px; padding-bottom:5px; background-color:#fff; border:1px solid #999; border-bottom:none; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }  /* The tool buttons */ .fusioneditor { width:auto; }  .fusioneditor .fusioneditor_tools a { display:block; float:left; margin-left:5px; padding:5px; padding-bottom:0px; padding-top:4px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid rgba(0,0,0,0); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }  .fusioneditor .fusioneditor_tools a:hover { border:1px solid #b7b7b7; background-color:#fff; box-shadow:0px 1px 0px #fff inset; -webkit-box-shadow:0px 1px 0px #fff inset; -moz-box-shadow:0px 1px 0px #fff inset; }  .fusioneditor .fusioneditor_tools a:active { border:1px solid #666; }  .fusioneditor .fusioneditor_field { width:auto; font-family:Arial, Helvetica, Sans-serif; padding:8px; background-color:#fff; border:1px solid #999; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; overflow:hidden; }  .fusioneditor .fusioneditor_field:focus { border:1px solid #1f9ebc; }  .fusioneditor .fusioneditor_close { float:right; margin-right:5px; }  .fusioneditor .fusioneditor_toolbox { border-top:1px solid #999; padding:5px; margin-top:5px; height:50px; }  .fusioneditor .fusioneditor_toolbox input[type="text"] { width:85% !important; margin-right:10px; margin-left:5px; }  .fusioneditor .fusioneditor_size { height:20px; width:16px; margin-right:5px; margin-top:5px; text-align:center; font-weight:bold; color:#666; }  .fusioneditor .fusioneditor_size:hover { color:#000; }  .fusioneditor .fusioneditor_color { height:22px; width:17px; margin-right:5px; margin-top:5px; opacity:0.8; }  .fusioneditor .fusioneditor_color:hover { border:1px solid rgba(0,0,0,0) !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; opacity:1; }  .fusioneditor .fusioneditor_color:active { border:1px solid rgba(0,0,0,0) !important; }  /* User info sidebox */ .sidebox_info { padding:5px; }  .sidebox_info td { padding:5px; }  .sidebox_info td:first-child { font-weight:bold; }  .sidebox_info td img { margin-right:5px; }  .sidebox_info center { padding-top:20px; padding-bottom:10px; }  .sidebox_info center a:last-child {  }  /* Poll sidebox */ .poll_question { text-align: center; font-weight: bold; padding: 5px; margin-bottom: 5px; font-variant: small-caps; width: auto; color: #9A0; padding: 5px 0; line-height: 22px; border-bottom: 1px #30220A solid; }  #poll_answers .poll_answer, #poll_results .poll_answer { /*padding: 5px;*/ display: block; color: #fbb100; text-decoration: none; text-align: center; }  #poll_answers .poll_answer label { display:block; color: #fbb100; text-decoration: none; text-align: center; }  #poll_answers .poll_answer label:hover { font-weight:bold; }  #poll_answers .poll_answer input[type="radio"] { margin-right:5px; }  #poll_results .poll_answer .poll_votes_count { float:right; font-weight:bold; }  #poll_actions { display:block; text-align:center; width:80px; margin-left:auto; margin-right:auto; margin-bottom:5px; }  /* Vote reminder */ #vote_reminder { width:468px; height:60px; position:fixed; margin-left:-234px; left:50%; top:50%; margin-top:-30px; background-color:#000; z-index:999999999999; display:none; }  .staff_comment .comment_author img { margin-top:3px !important; }  .comment { word-wrap:break-word; }  .color-c1 { color: #c69b6d; } /* warrior */ .color-c2 { color: #f48cba; } /* paladin */ .color-c3 { color: #aad372; } /* hunter */ .color-c4 { color: #fff468; } /* rogue */ .color-c5 { color: #f0ebe0; } /* priest */ .color-c6 { color: #c41e3b; } /* death knight */ .color-c7 { color: #2359ff; } /* shaman */ .color-c8 { color: #68ccef; } /* mage */ .color-c9 { color: #9382c9; } /* warlock */ .color-c11 { color: #ff7c0a; } /* druid */  .gift_box { position: relative; margin: 5px 5px 10px; padding: 10px; background: rgba(255,255,255,.03) none repeat scroll; -webkit-box-shadow: inset 0 0 2px rgba(49, 49, 49, 0.15), inset 0 0 20px rgba(100, 100, 100, 0.35), 0 0 8px rgba(0,0,0,.4), 2px 2px 1px rgba(0,0,0,.25); box-shadow: inset 0 0 2px rgba(49, 49, 49, 0.15), inset 0 0 20px rgba(100, 100, 100, 0.35), 0 0 8px rgba(0,0,0,.4), 2px 2px 1px rgba(0,0,0,.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }  .gift_info { position: relative; display: block; min-height: 64px; }  .gift_info:before { content: ''; position: relative; display: block; float: left; top: -10px; left: -4px; width: 82px; height: 87px; margin: 0 -6px; background: url(../modules/sidebox_topvoters/images/gift_box.png) no-repeat scroll transparent; background-size: 100% 100%; }  #google_translate_element { display: none; } .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 1.30; opacity: 0.65; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } #idioma { background-color: #000000; background: rgba(0, 0, 0, 0.7); margin-left:60px; width:60%; text-align: center; border: 10px; border-radius: 50px; }  /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ .modal { display:    none; position:   fixed; z-index:    1000; top:        0; left:       0; height:     100%; width:      100%; background: rgba( 0, 0, 0, .99 ) url('../images/loading-top1.gif') 50% 50% no-repeat; z-index:15; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading .modal { overflow: hidden; }  /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal { display: block; } /* wiixzer */ .live_popup { background-image: url("live_bg2.png"); background-repeat: no-repeat; height: 105px; position: fixed; bottom: 90px; z-index: 2; }  .live_name { margin-top: -10px; color: #ffffff; font-weight: bold; text-shadow: 1px 1px #000000; position: relative; }  #live_popup_ch{ margin-left: 45px; width: 1900px; }  #live_popup_ch .live_holder{ margin-left: 15px; margin-top: 10px; width: 115px; float: left; position: relative; }  #live_popup_ch img{ height: 63px; opacity: 0.7; } #live_popup_ch a:hover img{ /*height: 70px;*/ opacity: 1; } #live_popup_ch a .img { border: solid rgba(255, 255, 255, 0.8) 2px; background: #000; }  #live_popup_ch a:hover .img { border: solid rgba(255, 255, 255, 1.0) 2px; } #live_popup_ch .logo{ width: 35px; height: 35px; position: absolute; left: -10px; bottom: -5px; opacity: 1; } #live_btn{ position: absolute; height: 80px; width: 30px; left: 10px; top: 0px; cursor: pointer; } #live_btn i{ margin-left: 18px; margin-top: 8px; }

/* Captcha*/
.captcha{
    margin: 5px;
}
.alert-captcha{
    border: 2px solid #f00;
    width: 308px;
    height: 80px;
    border-radius: 3px;
}