.hidden
{
  display:none;
}

.gray-background
{
  background-color:#676767;
}

.gradient-background
{
  background-image:url('gradient.gif');
  background-repeat: repeat;
  /* Note: don't use a png here (or for any bgimage that repeats, it will crash ie6, with the IE7.js stuff)*/
}
.masthead
{
  /*fix for #637 (hides horizontal scrollbar), but breaks causes page (see #662)...*/
  /*overflow:auto; */
  background: url('masthead.gif') 0 0 repeat-x; 
}

#page-doc { 
  margin:auto;
  text-align:left;
  width:881px;
  min-width:881px;
}

#logo
{
  float:left;
  padding-top:10px;
  padding-right:20px;
  padding-left:30px;
}

#ft
{
  background: url('foot_rule.gif') 0 0 repeat-x; 
  height:2em;
  padding:0;
  margin:0;
  margin-top:40px;
  padding-top:10px;
  margin-bottom:0px;
  font-size:85%;
}
#ft p
{
 padding-top:5px;
 padding-left:5px;
}
#ft a:link,#ft a:visited
{
  text-decoration:none;
  margin-right:20px;
  float:left;
  color:#000;
}
#ft a:hover,#ft a:active
{
  color:#000;
  text-decoration:underline;
}
#copyright
{
  float:right;
}

#subnav
{
  margin-top:10px;
  clear:both;
}


.loginbox
{
  background-color:#666666;
  padding:10px;
  color:black;
}

.loginbox a:link,
.loginbox a:visited,
.loginbox a:hover,
.loginbox a:active
{
  color:#ffcc00;
}

.top-aligned
{

  padding-top:95px;
}

.static-page
{
  padding-top:25px;
}

#sortoptions
{
  padding-top:1.2em;
  padding-bottom:1.2em;
}

#profile-left
{
  width:400px;
  float:left;
}
#profile-main
{
  float:right;
  width:433px;
}


#stickynote
{
  border:0;
  padding:0;
  height:268px;
  margin-top:20px;
  overflow: hidden;
}

#stickynote div#stickytxt
{
  border:0;
  padding:30px;
  position:relative;
  left:0px;
  top:-268px;
  font-size: 11px;
}

#stickynote div#stickytxt h1
{
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
  color:#ff6600;
}
#stickynote div#stickytxt h2
{
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color:#000;
}

#idcard 
{
  border:0;
  margin:0;
  padding:0;
  height:290px;
  width:400px;
  overflow: hidden;
}


#idcard div#avatar
{
  position:relative;
  background-color:#7DDE4E;
  height:200px;
  width:165px;
  left:32px;
  top:-248px;
  border:0;
}


#idcard div#avataredit
{
  position:relative;
  left:32px;
  top:-248px;
}

div#avatarBuilder
{
  background-color:none;
}


#avatarCloseBtn
{
  background-color: transparent;
  background-image: url('x.png');
  background-repeat: no-repeat;
  cursor: hand;
  display: block;x
  padding:0;
  margin:0;
  position:absolute;
  text-decoration: none;
  left:575px;
  top:0px;
  width: 48px;
  height: 48px;
  overflow: visible;
  /* transparent png fix for ie6 */
  behavior: url('/media/css/iepngfix.htc');
}

#idcard div#clickthrough
{
  position: absolute;
  float: left;
  z-index: 10;
  margin: 0;
  padding: 0;
}


#idcard div#info
{
  position:relative;
  left:214px;
  top:-428px;
}
#idcard div#info div#username
{
  font-family:'Courier New',Courier,monospace;font-weight:bold;font-size:25px;
}
#idcard div#info div#level
{
  color:#ff3300;font-family:Verdana;font-weight:bold;font-size:16px;
}
#idcard div#stats
{
  position:relative;
  left:214px;
  top:-400px;
  width:135px;
}

#idcard div#stats .label
{
  color:#000;font-family:Verdana;font-size:16px;
}
#idcard div#stats .value
{
  color:#000;font-family:Verdana;font-weight:bold;font-size:29px;
}

#profile-badges
{
  margin-left:30px;
  width:320px;
}
#profile-badges img
{
 border:0px;
 margin:0px;
 padding:0px;
 float:left;
}


a.button:link,
a.button:visited,
a.button:hover
{
  background-image:url('button_bg.gif');
  background-repeat:no-repeat;
  width:100px;
  height:40px;
  display:block;
  color:#ffcc00;
  font-weight:bold;
  text-align:center;
  padding-top:5px;
  float:left;
  margin-right:5px;
  font-size:12px;
  text-decoration:none;
}


.button-row
{
  min-height:40px;
  margin-left:10px;
}


.largetxt
{
  font-size:131%;
  margin-bottom:1em;
  margin-top:.5em
  
}

.indent
{
  margin-left:10px;
}



.sysmessage 
{
  margin-left:10px;
  margin-top:20px;
  margin-bottom:30px;
  height:143px;
  overflow: hidden;
}

.sysmessage #closebtn
{
  position:relative;
  width:22px;
  height:22px;
  top:-127px;
  left:386px;
}

.sysmessage #messagebody
{
  position:relative;
  width:237px;
  height:84px;
  top:-120px;
  left:133px;
  font-size:11px;
}

.sysmessage #messagebody h5
{
  font-size:12px;
  font-weight:bold;
}

/*.sysmessage a:link,
.sysmessage a:visited,
.sysmessage a:hover,
.sysmessage a:active
{
  color:white;
}

.sysmessage div.msg_header
{
  color:#66cc33;
  float:left;
}
.sysmessage div.msg_dismiss
{
  float:right;
  clear:right;
  text-align:right;
  
}
.sysmessage div.msg_dismiss a:link,
.sysmessage div.msg_dismiss a:visited,
.sysmessage div.msg_dismiss a:hover,
.sysmessage div.msg_dismiss a:active
{
  color:#ffcc00;
}
.sysmessage div.msg_body
{
  clear:right;
  padding-top:10px;
  
}
*/



a:link.small_link,
a:visited.small_link,
a:hover.small_link,
a:active.small_link
{
  /*color:#ffcc00;*/
  color:#000;
  font-size:.8em;
  text-decoration:underline;
}


a:link.print_link,
a:visited.print_link,
a:hover.print_link,
a:active.print_link
{
  background-image: url('print_icon.png');
  background-repeat:no-repeat;
  padding-left:25px;
  text-decoration:none;
}

a:link.under_graph_link,
a:visited.under_graph_link,
a:hover.under_graph_link,
a:active.under_graph_link
{
  /*color:#ffcc00;*/
  float:right;
  margin-right:10px;
  margin-top:15px;
}

div.faq
{
  
}

div#how2box
{
  width:836px;
  height:494px;
  margin:0;
  padding:0;
  background-color:#000000;
}



.okbtn, .cancelbtn
{
  color:#666;
  display:block;
  width:100px;
  border:1px inset black;
  background-color:#ddd; 
  text-align:center;
  margin:15px 0px;
  padding:7px 7px;
}

a.okbtn:link,
a.okbtn:visited,
a.okbtn:hover,
a.okbtn:active,
a.cancelbtn:link,
a.cancelbtn:visited,
a.cancelbtn:hover,
a.cancelbtn:active
{
  text-decoration:none;
  color:#fff;
  border:2px outset black;
  background-color:#666;
}

a.okbtn:active, a.cancelbtn:active
{
  background-color:#ccc; 
  color:#666;
  border:2px inset black;
}

a.okbtn 
{
  float:left;
}
a.cancelbtn
{
  margin-left:10px;
  float:left;
}
a.cancelbtn:link
{
  background-color:#999;
}

div.avatarselect,div.avatarcurrent
{
  padding: 10px;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}

div.avatarselect a img, div.avatarcurrent a img
{
  border:2px solid white;
  width:143px;
  height:173px;
}
div.avatarcurrent a img
{
  border:2px solid black;
}

/*div.avatarselect a:hover>img, 
div.avatarselect a:active>img,
div.avatarcurrent a img
{
  border:4px solid black;
}*/

.personlist
{
  margin:0;
  padding:0;
  margin-top:15px;
}

.personlistitem
{
  margin:0;
  padding:0;
  padding-right:17px;
  padding-bottom:20px;
  vertical-align:top;
  width:143px;
}

.personlistitem-lastcol
{
  margin:0;
  padding:0;
  padding-right:0px;
  padding-bottom:20px;
  vertical-align:top;
  width:143px;
}
.personlistitem div#level,.personlistitem-lastcol div#level
{
  display:block;
  font-weight:bold;
  font-size:77%;
}
.personlistitem div#zone,.personlistitem-lastcol div#zone
{
  display:block;
  font-size:77%;
}
.personlistitem div#points,.personlistitem-lastcol div#points
{
  display:block;
  font-size:77%;
}

a:link.personlistitem_name,
a:visited.personlistitem_name,
a:active.personlistitem_name,
a:hover.personlistitem_name
{
  /*color:white;*/
  /*text-decoration:none;*/
  font-size:138.5%;
  line-height:150.5%;
  font-weight:bold;
}

.badgelist, .avatarlist
{
  margin-top:15px;
}

div.badgeselect
{
  /*border:1px dashed gray;*/
  padding: 20px;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}

/*div.badgeselect a
{
  
}

div.badgeselect a:hover
{
}
*/

/*.already_owns
{
  opacity:0.3;
  filter:alpha(opacity=30);
}
*/

.notice
{
  width:100%;
  padding:10px;
  color:#ffcc00;
  background-color:#000000;
  margin-bottom:10px;
}

.error_report
{
  width:100%;
  padding:10px;
  color:#ffcc00;
  background-color:#000000;
  margin-bottom:10px;
}

table.redeem
{
  width:740px;
  margin-top:15px;
  margin-bottom:30px;
}

table.redeem td,
table.redeem th
{
  border:1px solid #ccc;
  padding:20px;
}

table.redeem th
{
  text-align:left;
  font-weight: bold;
}

table.redeem td#select_credits_cell
{
  text-align:center;
}

table.redeem td#credits_left_cell
{
  width:175px;
  text-align:center;
}
table.redeem td#not_enough_credits_cell
{
  width:375px;
  text-align:left;
  vertical-align:center;
}
select#credit_select
{
  font-weight:bold;
  font-size: 108%;
  color:#000;
  margin:0;
  padding:0;
}
div#credits_left_value
{
  font-weight:bold;
  font-size:108%;
  padding-top:18px;
}

#redeemformbtn
{
  padding:10px;
  border:1px outset black;
  background-color:#666;
  color:#ccc;
}



.btn-disabled-wide
{
  background-image:url('btn_bg_disabled_wide.gif');
  background-repeat:no-repeat;
  color:#ffcc00;
  display:block;
  width:210px;
  height:27px;
  text-align:center;
  padding-top:5px;
}

a.rewardbtn:active
{
  background-color:#ccc; 
  color:#666;
  border:1px solid black;
}

.inline_stat
{
  color:#000000;
  font-weight:bold;
  display:inline;
}


.personlistitem img.avatar
{
  width:143px;
  height:173px;
}


.awardblock
{
  margin-top:20px;
}

#disclaimer
{
  height:2em;
  padding:0;
  margin:0;
  margin-top:40px;
  padding-top:10px;
  margin-bottom:0px;
  font-size:85%;
}


.single-column
{
  padding:10px 32px 10px 32px;
}

.bodyblock
{
  margin-top:10px;
  margin-bottom:33px;
  *padding-bottom:33px;
  margin-top:15px;
  clear:none;
}

#main
{
  
}

#bd
{
  clear:both;
  margin-bottom:1em;
}


.print-masthead
{
  border-top: solid #66cc33 17px;
  /*background-color:#91ce55;*/
  height:123px;
  margin-bottom:10px;
  margin-top:41px;
}

.print-logo
{
  float:left;
  padding-left:48px;
  padding-right:34px;
  padding-top:10px;
}
.print-header
{
  font-size:37px;
  font-weight:bold;
  font-family:'Trebuchet MS', Verdana, Arial;
  color: black;
  padding-top:55px;
}
.print-footer
{
  color:#66cc33;
  border-top:17px solid #66cc33;
  padding-top:3px;
  margin-bottom:2em;
}