/* Pixal: humanized - by PlastikManiac */

/* Modifications: *\__________________________________________________________
|• rounded-off table borders/ item images/ JavaScript-popup description boxes |
|• semi-transparent hover effect for all inventory items 		      |
| 	+ (category labels in the shop, where yellow is current category)     |
\----------------------------------------------------------------------------*/
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://slashie.net/pixal/") {  

/*- Home Page -*/

td[style] > a[href="/pixal/HomeServlet"] >img,
td[style] + td.headerLinks {float: left;}

/*faded advert box*/
td.headerLinks+td>ins * {opacity: 0.2; /*display: none;*/} 

#divClassicFights /*... I'll add [more] to this another time*/
{  position: absolute;
   left: -8px !important;
}
.smallWhiteText {padding-right: .2em;}


/*- All tables and boxes -*/

.border { 
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}
table, .lightbox,
.ui-sortable, 
.draggableItem {
   -webkit-border-radius: 3pt; 
   -moz-border-radius: 3pt; /*not to be confused with 3px*/
}
table:only-child { 
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
}
.boxyTable {padding: .2pt;}

tr.titleRow { background: transparent !important;}
.titleRow,
.boxyTable > .titleRow > td[colspan], 
   /* this no longer looks different on Firefox, and now I know why. ;) */
.titleRow > td:only-child {
   background: #303030;
   padding: 0 0 1.5pt 2.5pt;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}
table[width="100%"][style*="border: solid 1px black"]
{  border: 1px solid #333 !important;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}


/*- Inventory -*/

td.border[onclick^="JavaScript:"]:hover, /* category selectors */
[id*="itemImage"]:hover 
{  background-color: rgba(0,0,0,0.06);
}

#tooltip h3, #tooltip div,
.itemSelector, .itemInfoBox
{  -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}


/*- input & text boxes -*/

input[type="text"],
textarea {
   border: 1px inset silver;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-box-shadow: 0px 0px 1px #999;
   -moz-box-shadow: 0px 0px 1px #999;
}

.statusLineInputComponent:hover {
   -webkit-box-shadow: 0px 0px 3px #1e1e20;
   -moz-box-shadow: 0px 0px 3px #1e1e20;
}

/* [end] */
}