/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/

/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Core */
body{color:#525253;font-family:Verdana, Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:10px}
.sp-relative {position:relative}

/*Header Area*/
#header {}
a#logo,#logo-text{float:left;margin:0 10px}
a#logo{background:url(../images/logo.png) no-repeat 0 50%}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}
.header_b {position:relative;z-index:49}

/*Login and Registration*/
#sp-overlay{width:100%;background:rgba(0,0,0,.8);float:left;position:fixed;left:0;top:0;z-index:999999;height:100%}
#members-area{float:right;line-height:30px;height:30px;display:block;font-weight:700;text-transform:uppercase;margin:0 10px;padding:0;border-top:0!important}
#members-area a{float:right;display:block;padding:0 10px 0 25px}
#members-area a:first-child{padding:0 25px 0 10px;}
#members-area a.login-link.show {color:#fff}
#sp-login{max-width:600px;border:1px solid #111;background:rgba(0,0,0,.8) url(../images/login_bg.png) no-repeat 100% 100%;position:relative;z-index:9999999;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:150px auto 0;padding:30px}
#sp-login input#modlgn-username,#sp-login input#modlgn_username,
#sp-login input#modlgn-passwd,#sp-login input#modlgn_passwd {margin-top:10px;padding:10px;width:95%;background:#000;border: 1px solid #111;
-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
#sp-login input#modlgn-username:hover,#sp-login input#modlgn_username:hover,
#sp-login input#modlgn-passwd:hover,#sp-login input#modlgn_passwd:hover {background: #050505;border:1px solid #151515;}
#sp-login div.k2LoginBlock fieldset.input p {margin-top:20px;float:none!important}
#sp-login .mod-wrapper-flat h3.header {font-size:36px;line-height:36px;padding:0;margin:0;color:#fff}
#btn-close{background:url(../images/btnClose.png) no-repeat 0 0;display:block;position:absolute;top:-10px;right:-10px;text-indent:-999em;width:27px;height:28px}

/*Search*/
#sp-search{float:right;width:289px;height:41px;padding:0;margin:20px 10px;}
#sp-search input#mod-search-searchword{padding:5px 8px;height:26px;line-height:26px;width:280px;  background: #fff8ec;; border: 1px solid #dfc9a7;; border-radius:2px; box-shadow: 0 0 0 4px #fbeed9, 0 0 0 5px #dfc9a7, inset 0 1.5px 4px 0 #bebebe;
-webkit-box-shadow: 0 0 0 4px #fbeed9, 0 0 0 5px #dfc9a7, inset 0 1.5px 4px 0 #bebebe;
-moz-box-shadow: 0 0 0 4px #fbeed9, 0 0 0 5px #dfc9a7, inset 0 1.5px 4px 0 #bebebe;}
#sp-search .sp-inner {padding:0;width:288px;height:35px;}
.ltr .clear_right {clear:right}
.rtl .clear_right {clear:left}
.mod-search{margin:0;padding:0;}

/*Category*/
#sp-userpos .gap {margin:0}
#sp-toppos .sp-inner {padding:0 20px}
#sp-toppos {margin-top:-22px;margin-bottom:10px;}
#sp-toppos .mod-block {margin:0 5px}
#sp-toppos p {margin:0}
#sp-top1, #sp-top2, #sp-top3, #sp-top4 {padding:0;text-align:center;border-radius: 0 0 5px 5px}
#sp-top3 {height:50px;line-height:67px}
#sp-top3 ul{list-style-type:none;padding:0;margin:0}
#sp-top3 li{background:none;padding:0;display:inline;margin:0}
#sp-top3 a{font-size:12px;font-weight:normal;text-decoration:none;text-transform:uppercase;display:inline;margin:0;padding:0 8px}
#sp-top1, #sp-top2, #sp-top4  {height:45px;line-height:60px}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#sp-pathway{overflow:hidden;height:30px;line-height:30px}
#sp-pathway .sp-inner{padding:0}
#sp-pathway span.showhome {font-weight:bold;margin-right:5px}
#sp-pathway .padding{padding:5px 8px}
#sp-pathway a,#sp-pathway span,#sp-pathway strong{display:block;float:left}
#sp-pathway a,#sp-pathway span.separator{margin-right:10px;padding-right:15px;background:url(../images/pathway_arrow.png) 100% 55% no-repeat}
#sp-pathway span.current{color:#666}

/*To Top*/
a#topofpage{width:53px;height:76px;line-height:76px;padding-top:10px;text-align:center;font-size:11px;text-transform:uppercase;position:absolute;top:10px;right:10px}
a#topofpage:hover{margin-top:-20px}

/* Footer */
.footer-top{height:4px}
div.sp-footer-l{margin:0 10px}
#sp-footer{background:#fff;padding:10px 0;height:100px;text-align:center}
#sp-footer .cp {float:none;display:inline-block}

/*Footer Navigation*/
#sp-footer-nav{padding-top:30px}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0}
#sp-footer-nav li{background:none;padding:0;display:inline;margin:0}
#sp-footer-nav a{font-size:12px;font-weight:700;text-decoration:none;display:inline;margin:0;padding:0 8px}

/* Helix Logo */
#powered-by{text-indent:-999em;position:absolute;top:40px;left:10px}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png);}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}

.gameservers{vertical-align: inherit!important;}