/* -*- mode: css; -*-
 Id: iab.css,v 1.5 2006/06/15 16:34:11 quixote Exp $
 */

/* major positioning code */
body { margin: 0; padding: 0; overflow-x: auto; width: 100%; }
#area-title { position: absolute; top: 0px; left: 0px; width: 266px; height: 60px; }
#area-menu { position: absolute; top: 0px; left: 266px; height: 60px; right: 5px; }
#area-tree { top: 0px; left: 0px; width: 100%; padding-left: 5px; }
#area-side {  position: absolute; top: 60px; left: 0px; width: 150px; bottom: 0; padding-left: 5px; }
#area-bottom {  bottom: 0px; width: 100%; padding-left: 5px; clear: both; }
#area-main { width: 85%; }
#area-main {  position: absolute; top: 60px; left: 155px; padding-left: 0; padding-top: 0; padding-right: 20px; width: -moz-available; }
/* grr.. .mozilla doesn't calculate this very well */
/* -moz-available is how FF2 must have worked */
/* following might fix? */
/* figured it out... the view div was maybe floating, maybe not */
/* dammit.. chrome bases percentage on the container */
div.view { }
div.view table.listing { width: 95%; }
table.listing { width: 95%; } 

/* major decoration */
body { 
  font-family: Arial, Helvetica, sans-serif; 
  background: #faebd7; 
}

/* generic tables */
table.bord { border-collapse: collapse; border: solid black 1px; }
table.bord th, table.bord td {  border: solid black 1px; vertical-align: top; padding: 3px; }
.pbord { border: solid black 1px; padding: 2px; }
pre.pbord { overflow: auto; }
table.faintbord { border-collapse: collapse; border: solid #dddddd 1px; }
table.faintbord th, table.faintbord td {  border: solid #dddddd 1px; vertical-align: top; padding: 3px; }
table.nobord {  margin: 0; border: none; border-spacing: 0px; border-collapse: collapse; }
table.nobord th, table.nobord td {  margin: 0; padding: 0; border: none; vertical-align: top; }

/* special tables */
  /* menu */
#area-menu-left { float: left; }
#area-menu-right { float: right; }
table.menu {  border-spacing: 0px; border-collapse: collapse; border: solid black 1px; }
table.menu th, table.menu td {  border: solid black 1px; vertical-align: top; padding: 3px; cursor: pointer;}
table.menu td span {  display: none; visibility: hidden; }
table.menu {  font-weight: bold; background: #ead6fa;  }
table.menu td a { display: block; text-decoration: none; font-weight: bold; } 
table.menu td a:link, table.menu td a:visited, table.menu td a:active { color: black; }
table.menu td a:hover { color: #ead6fa; background-color: black; }

  /* bottom */
table.bottom {  border-spacing: 0px; border-collapse: collapse; border: none;  }
table.bottom th, table.bottom td {  border: solid black 1px; vertical-align: top; padding: 2px; cursor: pointer; }
table.bottom td a { display: block; text-decoration: none; }
table.bottom { background: #ead6fa; }
table.bottom td a:link, table.bottom td a:visited, table.bottom td a:active { color: black; }
table.bottom td a:hover { color: #ead6fa; background-color: black; }
#area-bottom {  background: #faebd7; }

  /* area-side */
#area-side span {  display: none; visibility: hidden; }
/* #area-side { background: url(/images/curlymaple-light-light-200x200.png); }  */
#area-side { background: #faebd7; }  /* antiquewhite */
#area-side a:link, #area-side a:visited, #area-side a:active { color: black; background: #ead6fa; }
#area-side a:hover { color: #ead6fa; background-color: black; }
#area-side a {  font-weight: bold; display: block; text-decoration: none; }
#area-side a:hover.inlinebutton, #area-side a:link.inlinebutton, #area-side a:visited.inlinebutton { color: black; background: #faebd7; }


/* auction page */
div.auction { background: #dddddd; }
.auctiontitle { font-weight: bold; }
div.auctioninfo { background: #ffffff; }
div.auctionblock { background: #ffffff; }
div.auctionrightblock { background: #ffffff; }
div.auctionblockfade {  background: #dddddd; }
div.auction {  border: solid black 1px; width: 100%; padding: 5px; }
div.auction table.nobord { /* margin-left: 5px; */ }
div.auction table.nobord td { padding-left: 10px; padding-top: 1px; }
div.auction table.listing td { padding-left: 10px; padding-top: 1px; }
div.auctionblock { border: solid black 1px; padding: 3px; float: left; }
span.auctioninfo { width: 100% }
div.auctioninfo { border: solid black 1px; padding: 3px; }
div.auctionrightblock { border: solid black 1px; padding: 3px; float: right; }
div.auctioninfo {float: left;}

/* user info */
div.user { background: #dddddd; }
.usertitle { font-weight: bold; }
div.userinfo { background: #ffffff; }
div.user { border: solid black 1px; width: 100%; padding: 5px; }
div.userinfo { border: solid black 1px; padding: 3px; float: left;}
div.userinfo table.listing td { padding-left: 10px; padding-top: 1px; }
div.userinfo table.nobord td { padding-left: 10px; padding-top: 1px; }

/* message screen */
div.message { background: #dddddd; width: 100%; border: solid black 1px; padding: 5px; }
table.message { background: #ffffff; width: 95%; border: solid black 1px; padding: 5px; 
border-collapse: collapse;}
table.message td, table.message th { background: #ffffff; border: solid black 1px; }

/* control panel menu */
div#cpanel { border: solid black 1px; display: block; margin-left: auto; margin-right: auto; width: 200; }
#cpanel span {  display: none; visibility: hidden; }
#cpanel { background: #faebd7; }  /* antiquewhite */
#cpanel a:link, #cpanel a:visited, #cpanel a:active { color: black; background: #ead6fa; }
#cpanel a:hover { color: #ead6fa; background-color: black; }
#cpanel a { font-weight: bold; display: block; text-decoration: none; border: solid black 1px;}


/* generic */
div.genericback, div.genericfore {  border: solid black 1px; padding: 5px; }
div.genericfore { background: #ffffff; }
div.genericback { background: #dddddd; }
.generictitle { font-weight: bold; }
div.picdivmain { float: left; width: 60%;}
div.picdivsub { float: right; }
div.picdivspoil { clear: both; }
a.vislink { float: left; height: 175px; min-width: 125px;}  /* matches rules thumbnailspoiler size.  Makes display liquid */
a.vislinkmissing,a.vislinkmissing:visited,a.vislinkmissing:active { font-size: .6em; float: left; height: 175px; width: 125px;}  /* matches rules thumbnailspoiler size.  Makes display liquid */

/* stuff for listings - applies to store pages to*/
table.listing {  clear: both; }
table.listing, table.listing th, table.listing td { border-top: solid black 1px; border-bottom: solid black 1px; border-collapse: collapse;}
table.listing th, table.listing td { padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; }
span.listingpages {  float: right; }
span.listingmatches { float: left; }
  /* span.listingpages a { text-decoration: none; } */
.curpage { text-decoration: none; font-weight: bold; }
.green0 { background: #dddddd; }
.green1 { background: #ffffff; }
.greenhead { background: #ffffff; }
.curpage {  color: red; }
/* .notcurpage : color settable */
/* a.storetitle:link, a.storetitle:active, a.storetitle:visited {  color }  - shopping cart clicky*/


/* misc */
.addbord { border: solid black 1px; }
.goodcolor {  color: green; }
.badcolor { color: red; }
img.inlinebutton {   border: none;   vertical-align: middle; }
img.cardpic {   border: none; }
div.address { float: left; }
span.strike { text-decoration: line-through; }
span.nonstrike { color: red; }

/* area-error */
#area-error {  font-weight: bold; text-decoration: none; }
#area-error { clear: both; border: solid black 1px; }
#area-error pre { overflow: auto; }
#area-error {  color: red; background: #ffff99;}

/* forms */
.helper { display: none; padding: 10px; background: #ffff99; clear: left; }
/* do this to helper texts we want shown as default */
/* .helper#user_templates_text_helper { display: block; } */
.req { color: red; }
form { margin: 0; }
label { display: block; float: left; }
.fpform .fieldRow label { width: 150px; }
.fpform .fieldRow .fieldCell label { width: auto; }
   /* mess above and label.inline are the same thing, really */
label.inline { display: inline; float: none; width: auto; padding: 0; }
.fpform fieldset { margin-top: 10px; padding: 20px 10px; background: #ffffff;}
.alertmsg { color: red; background: #ffff99; font-weight: bold; } /* HERE */
.alert_header { color: red; background: #ffff99;}
.u { text-decoration: underline; }
.fieldCell select { vertical-align: middle; }
.group {  /* use green0/1 for background */
  padding: 5px 0;
  border-top: 1px solid black;
   /*  border-bottom: 1px solid black;*/
}
.grouper { float: left; }
.nextgrouperinline + .grouper { float: none; display: inline; }  
.nextgrouperinline+*+.grouper { float: none; display: inline; }  
.grouperinline { float: none; display: inline; }  
.fieldRow {clear: left; }

/* help */
.helptitle { margin-left: 15px; font-weight: bold; text-decoration: none; color: black;}
.helpitem  { margin-left: 40px; }
.helptree { text-decoration: none; }

/* announce */
.announcetitle { margin-left: 15px; font-weight: bold; text-decoration: none; color: black;}
.announceitem  { margin-left: 40px; }

/* tree */
#area-tree { background: #faebd7;  }
#area-tree table { display: inline; }

/* buttons */
a.button { border: solid black 1px; text-decoration: none; font-size: 60%; }
a:link.button, a:visited.button, a:active.button  { color: black; background: #ead6fa; }
a:hover.button   { color: #ead6fa; background-color: black; }

/* store pages - marquee*/
div.marquee { background: #ffffff; }
.marqueetitle { font-weight: bold;  }
div.marquee { border: solid black 1px; padding: 3px; }
a.marquee { text-decoration: none; color: black; }
marquee.marquee { height: 80px; }

/* store pages - listing*/
div.invlist { background: #ffffff; }
.invlisttitle { font-weight: bold;  }
div.invlist { border: solid black 1px; padding: 3px; }
a.invlist { text-decoration: none; color: black; }

/* store pages - statblock*/
div.statblock { background: #ffffff; }
.statblocktitle { font-weight: bold;  }
div.statblock { border: solid black 1px; padding: 3px; margin: 3px; }
a.statblock { text-decoration: none; color: black; }
/* div.statblock { min-height: 70px;  }  */
table.statblock { border-collapse: collapse; }
table.statblock tr, table.statblock td { border-top: solid black 1px; border-bottom: solid black 1px; }
table.statblock td.lefty { border-left: solid black 1px; }
table.statblock td.righty { border-right: solid black 1px; background: #dddddd;}
table.statblock { float: left; }
table.statblock td.lefty:hover, table.statblock td.statblockhover { color: red; }
div.statblockfloat { float: left; }   /* thank you IE for being so buggy with haslayout crapola */
div.statblock br { clear: left; } 

/* store pages - layout */
/*div.store { background: #dddddd; border: solid black 1px; } */
/* div.store { float: left;} */
div.marquee {  width: auto; clear: both; }
div.statblock { max-width: 500px; width: auto; float: left;}
div.invlist {width: auto; clear: both; }

/* store summaries */
div.storesum { background: #ffffff; }
.storesumtitle { font-weight: bold;  }
div.storesum { border: solid black 1px; padding: 5px; margin: 20px; }
div.storesum { text-align: center; }
div.storesum img { border: 0; display: inline; margin-right: auto; margin-left: auto; }
a.storesum { text-decoration: none; color: black; }
/* this is a hack... should be a better way than min-height */
div.storesumfloat { height: 170px; margin-bottom: 20px; }
table.storesum { border-collapse: collapse; }
table.storesum tr, table.storesum td { border-top: solid black 1px; border-bottom: solid black 1px; }
table.storesum td.lefty { border-left: solid black 1px; }
table.storesum td.righty { border-right: solid black 1px; background: #dddddd;}
table.storesum td.lefty:hover, table.storesum td.storesumhover { color: red; }
table.storesum { float: left; }
div.storesumfloat { float: left; }   /* thank you IE for being so buggy with haslayout crapola */
div.storesum br { clear: left; }

/* shopping cart, etc */
/* a.shopcart {  float: right; } */
a.shopcart { font-size: x-small; }

/* transaction / order pages */
table.notetable {  border: 0; border-collapse: collapse; }
table.notetable tr { vertical-align: top; }
table.notetable td.righty { border: solid black 1px; }

/* tree buttons */
table.treebuttons td { padding-right: 2px; padding-left: 2px;}

/* top page */
marquee.topmarquee { height: 140px; cursor: pointer; }
div.topdiv { background: #ffffff; border: solid black 1px; margin-bottom: 10px; float: left; width: 100%; }
/* width required for centering to work further down in mozilla (margin based center) */
div.gamesum { float: left; } 
div.gamesum { padding: 2px; margin: 3px; border: solid black 1px; cursor: pointer; }
div.gamesum { text-align: center;  display: block; }
/* this is a hack... should be a better way than min-height */
div.gamesum { min-height: 125px; } 
div.gamesum img { border: 0; display: inline; margin-left: auto; margin-right: auto; }
div.gamesum br { clear: left; }
div.gametypesum { border: double black; }

tr.hoverback:hover { background-color: red; }