/* -------------------------------------------------------------- 
  
   Reset default browser CSS. Based on YUI reset

-------------------------------------------------------------- 

*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:focus {outline: 0;}


/* -------------------------------------------------------------- 
   
   Rebuild the default browser styles

-------------------------------------------------------------- */   

body {width:960px;margin:0 auto;position:relative;}
body, input, textarea { font: 0.8em Arial,Helvetica,sans-serif;line-height: 1.5;}

/* clear fixing tools */
.clear{clear:both;}
.cfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
* html .cfix{height:1%;}
*+html .cfix{height:1%;}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;clear: both;}

/*ie7* refuses to give up the border so releuctantly using div wrapper */
.hr{display:block;height:10px;border:none;margin:3px 0;background:transparent url('../images/sprite_global.png') 0 -65px no-repeat;clear:both;}
/* semantic hr */
div.hr hr{display:none;}


/* Text elements
-------------------------------------------------------------- */
p {margin-bottom: 1.5em;}
dt {font-weight: bold;}
dd {margin-bottom: 1.5em;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
p, ul, ol, dd, pre {margin-bottom:1em;}
pre, code {font:10px Monaco, monospace;line-height:1;}

/* form 
-------------------------------------------------------------- */
input{border:none;}
.error{color:#c00;font-weight:bold;}
label {position:relative}
label span.error{display:block; position:absolute; top:0; right:0;width:120px;}
ul.errors{margin-top:10px;}
ul.errors li{background-color:#c22;color:#fff;font-weight:bold;font-size:11px;display:inline-block;padding:3px;}
ul.errors a,ul.errors a:hover,ul.errors a:visited{color:#ff3;}
.success{font-weight:bold; color:#090;}

/* accessibility */
.accessibility{display:none;}

/* colors */
body{background: #000;color:#fff;}
a{color:#80bcf2;text-decoration:none;}
a:hover{color:#80bcf2;text-decoration:underline;}
a:visited{color:#80bcf2}

/* tab menu 
-------------------------------------------------------------- */
.tabcontent{display:none;}
.activeContent{display:block;}

/* global layout items */
#wrap{position:relative;margin:0;	
}

/* global sprite usage 
-------------------------------------------------------------- */
.btn,.btns a,.btns input{background:transparent url('../images/sprites_buttons.png');text-indent:-9000px;display:block;}
.btnbg{background:transparent url('../images/sprites_buttons.png') 200px 200px no-repeat;} /* btn like items added into this sprite */
h2,.hdr{background:transparent url('../images/sprite_headers.png');text-indent:-9000px;}
#login{background:transparent url('../images/sprite_global.png') 0 -500px no-repeat;}
.globalbg{background:transparent url('../images/sprite_global.png') 0 0 no-repeat;}
li.global-li,.global-li li{background:transparent url('../images/sprite-li.gif') 0 0 no-repeat;}

h2.nobg{background:none;text-indent:0;}

/* btns used in both steel and field templates */
#btn-register{width:110px;height:28px;background-position:-18px -240px;}
#btn-register:hover{background-position:-134px -240px;}
#btn-submit{width:71px;height:25px;background-position:-252px -240px;}
#btn-submit:hover{background-position:-328px -240px;}


/* header 
-------------------------------------------------------------- */
#headnavbg{background:transparent url('../images/sprite_global.png') 20px -90px no-repeat;position:absolute;left:0;top:0;width:330px;height:400px;}
#header{background:transparent url('../images/sprite_global.png') 0 -90px no-repeat;position:absolute;left:20px;top:0;width:260px;height:160px;z-index:5;/* above #content*/}
#header h1{}
#header h1 a{display:block;width:260px;height:160px;text-indent:-9000px;}


/* #news - inc liScroll styles 
-------------------------------------------------------------- */
#news{background:transparent url('../images/sprite_global.png') 0 0 no-repeat;margin:0 0 0 510px;padding-top:8px;width:430px;height:45px;}
#news .tickercontainer {width: 300px; height: 27px; margin: 0 0 0 110px; padding: 0;overflow: hidden;/**/ }
#news .tickercontainer .mask {position: relative;left: 0;top: 8px;width: 290px;height:20px;overflow: hidden;/**/}
#news ul{display:none;}
#news ul.newsticker {position: absolute;left:0;list-style-type:none;margin: 0;padding: 0;width:auto;display:block;}
#news ul li {float:left;margin:0;padding:1px 0 0;}

#news ul a {white-space: nowrap;padding:0 15px;border-right:1px solid #999;margin: 0 0 0 0;font-size:10px;color:#fff;} 
#news ul a:hover,#news ul.newsticker a:visited{color:#fff;}
#news ul span {margin: 0 10px 0 0;} 

/* nav 
-------------------------------------------------------------- */
#nav{background:transparent url('../images/sprite_global.png') -26px -306px no-repeat;
position:absolute;left:46px;top:216px;}
#nav li a{display:block;text-indent:-9000px;width:100px;height:20px;background:transparent url('../images/sprite_global.png') 110px -300px no-repeat;}
/* height tweaks */
#nav li#n-hom a{background-position:-326px -116px;}
#nav li#n-abo a{background-position:-326px -136px;}
#nav li#n-pri a{background-position:-326px -156px;}
#nav li#n-log a{height:21px;background-position:-420px -366px;width:100px;}
#nav li#n-sig a{height:21px;background-position:-320px -176px;}
#nav li#n-gam a{height:21px;background-position:-328px -197px;}
#nav li#n-win a{height:20px;background-position:-329px -217px;}
#nav li#n-tra a{height:21px;background-position:-329px -238px;}
#nav li#n-sho a{height:21px;background-position:-329px -259px;}

#nav li#n-hom a:hover{background-position:-326px -306px;}
#nav li#n-abo a:hover{background-position:-326px -326px;}
#nav li#n-pri a:hover{background-position:-326px -346px;}
#nav li#n-log a:hover{background-position:-520px -366px;}
#nav li#n-sig a:hover{background-position:-320px -366px;}
#nav li#n-gam a:hover{background-position:-328px -387px;}
#nav li#n-win a:hover{background-position:-329px -407px;}
#nav li#n-tra a:hover{background-position:-329px -428px;}
#nav li#n-sho a:hover{background-position:-329px -449px;}

/* temp position code for logout/signup - remove when trade link is enabled on June 1 */
#nav li#n-log a{background-position:-423px -365px;}
#nav li#n-sig a{background-position:-323px -175px;}
#nav li#n-log a:hover{background-position:-523px -365px;}
#nav li#n-sig a:hover{background-position:-323px -365px;}
/* end temp css */


/* temp position for when shop enabled but no trade link */
#nav li#n-log a{background-position:-419px -365px;}
#nav li#n-sig a{background-position:-319px -175px;}
#nav li#n-log a:hover{background-position:-519px -365px;}
#nav li#n-sig a:hover{background-position:-319px -365px;}
/* end temp */


/* content 
-------------------------------------------------------------- */
#content{margin:10px auto 0;width:870px;min-height:550px;position:relative;}
 
/* footer 
-------------------------------------------------------------- */
#footer{margin:0 auto 25px;position:relative;width:940px;padding:36px 0 0;font-size:10px;}
#footer ul{padding-left:12px;}
#footer ul,#footer li {display:inline;}
#footer li{padding:0 8px;border-right:1px solid #666;}
#footer li.last{border:none;}
#footer p{float:right;padding-right:12px;color:#aaa;}
#footer a,#footer a:hover,#footer a:visited{color:#aaa;}