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,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
/*ol,ul{list-style:none;}
*/
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/*structure*/
#chatPage,#page {padding:5px 5px 0 5px;}
#chatPage #header {}
#header {}
#main {}
#wideContainer {}
#wideContainer #content {}
#container {}
#content {}
#footer {clear:both; padding:0;border-top:0px solid #e7c164;}
.pt1 {padding:1px 0 0 0; }
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/*standard*/
body{background:#ffe27f url(../i/bodyBg.png) repeat;color:#000;margin:0;padding:0;font:12px/1.3 "Lucida Grande",Tahoma,Arial,sans-serif;word-wrap:break-word;}
::selection{background:#ca3b1b;color:#fff;}
::-moz-selection{background:#ca3b1b;color:#fff;}
textarea,
select,
input{font-family:Arial,Helvetica,clean,sans-serif;font-size:100%;}
label{cursor:pointer;}
h1{margin:1em 0 .5em;}
h2{margin:1.07em 0 .535em;}
h3{margin:1.14em 0 .57em;}
h4{margin:1.23em 0 .615em;}
h5{margin:1.33em 0 .67em;}
h6{margin:1.6em 0 .8em;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
p,table,pre,dl{margin:.6em 0;}
ol,ul{margin:.35em 2em;}
ol ol,ul ul{margin-top:0;margin-bottom:0;}
ol li{list-style:decimal outside;}
li{margin:.25em 0;}
dt{font-weight:bold;margin-top:.6em;margin-bottom:.2em;}
strong{font-weight:bold;}
em,i{font-style:italic;}
a:link{color:#008bb9;background:transparent;text-decoration:underline;}
a:visited{text-decoration:underline;color:#7e00b9;background:transparent;}
a:focus{color:#008bb9;background:transparent;text-decoration:underline;}
a:hover{color:#008bb9;background:transparent;text-decoration:underline;}
a:active{color:#008bb9;background:transparent;text-decoration:underline;}
a img,fieldset{border:none;}
code{font-size:115% !important;font-family:"Courier New",Courier,mono;color:#800;}
small{font-size:90%;}
/*format*/
/*
-----------------------------------------------
Site Format Styles
----------------------------------------------- */
.hide,.pda,.print{display:none;}
/* Start custom button CSS here
---------------------------------------- */
.btn{display:inline-block;background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#333;}
* html button.btn{padding-bottom:1px;}
/* Immediately below is a temporary hack to serve the
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right
padding to button elements which can't be overriden.
Thus,we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn{margin:0 -3px;}
a.btn{text-decoration:none;}
.btn span{background:#ddd url(../i/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bbb;border-right:1px solid #aaa;}
* html .btn span{padding-top:0;}
.btn span span{position:relative;padding:3px .4em;border-width:0;border-top:1px solid #bbb;border-bottom:1px solid #aaa;}
.btn span span{//position:static;}
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span{border-right-width:0;}
button.pill-l span span{border-right:1px solid #bbb;}
button.pill-c span{border-right-style:none;border-left-color:#fff;}
button.pill-c span span{border-right:1px solid #bbb;}
button.pill-r span{border-left-color:#fff;}
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span{cursor:pointer;/* important for any clickable/pressable element */
border-color:#9cf !important;color:#000;}
.btn:active span{background-position:0 -400px;outline:none;}
.btn:focus,.btn:active{outline:none;/* doesn't seem to be respected for