/* Defaults
========================= */
* {
   margin: 0;
   }
table {
   border-collapse: collapse;
   }
td,
th {
   vertical-align: top;
   padding: 0 20px 10px 0;
   }
ul,
ol {
   padding-left: 22px;
   margin-left: 0;
   }
a {
   cursor: pointer;
   outline: none;
   }
a img {
   border: none;
   }


/* Misc classes
========================= */
.hide {
   display: none;
   }
.invisible {
   visibility: hidden;
   }
.bold {
   font-weight: 900;
   }
.nowrap {
   white-space: nowrap;
   }
.dinline {
   display: inline;
   }
.col {
   float: left;
   margin: 0 2% 20px 0;
   }
iframe.rpc {
   width: 0;
   height: 0;
   border: 0;
   }
a.onlyspanunderlined {
   text-decoration: none;
   white-space: nowrap;
   }
a.onlyspanunderlined span {
   text-decoration: underline;
   }
input.number {
   text-align: right;
   width: 50px;
   }



/* Padding & Margins
========================= */
.nopadding {
   padding: 0;
   }
.nomargin {
   margin: 0;
   }
.pushdown {
   margin-bottom: 20px;
   }
.pushup {
   margin-top: 20px;
   }
.pushleft {
   margin-left: 20px;
   }
.pushright {
   margin-right: 20px;
   }
.pushdownmore {
   margin-bottom: 40px;
   }
.pushupmore {
   margin-top: 40px;
   }
.pushleftmore {
   margin-left: 40px;
   }
.pushrightmore {
   margin-right: 40px;
   }
.pad {
   margin-left: 10px;
   margin-right: 10px;
   }


/* Float & Clear
========================= */
.floatleft {
   float: left;
   }
.floatright {
   float: right;
   }
.clear {
   clear: both;
   }
.clearleft {
   clear: left;
   }
.clearright {
   clear: right;
   }

/* Sizes
========================= */
.w25 {
   width: 25px;
   }
.w30 {
   width: 30px;
   }
.w40 {
   width: 40px;
   }
.w50 {
   width: 50px;
   }
.w75 {
   width: 75px;
   }
.w100 {
   width: 100px;
   }
.w110 {
   width: 110px;
   }
.w150 {
   width: 150px;
   }
.w200 {
   width: 200px;
   }
.w225 {
   width: 225px;
   }
.w250 {
   width: 250px;
   }
.w265 {
   width: 265px;
   }
.w300 {
   width: 300px;
   }
.w350 {
   width: 350px;
   }
.w400 {
   width: 400px;
   }
.w500 {
   width: 500px;
   }
.w600 {
   width: 600px;
   }
.h150 {
   height: 150px;
   }
.w10p {
   width: 10%;
   }
.w80p {
   width: 80%;
   }
.w90p {
   width: 90%;
   }
.w100p {
   width: 100%;
   }
.cw20 { /* fifth */
   width: 18%;
   }
.cw25 { /* quarter */
   width: 23%;
   }
.cw30 { /* three-tenths */
   width: 27%;
   }
.cw33 { /* third */
   width: 31%;
   }
.cw50 { /* half */
   width: 47%;
   }
.cw66 { /* two-thirds */
   width: 61%;
   }
.cw75 { /* three-quarters */
   width: 73%;
   }
.cw80 { /* three-quarters */
   width: 75%;
   }

/* Align
========================= */
.aright {
   text-align: right;
   }
.acenter {
   text-align: center;
   }
.aleft {
   text-align: left;
   }
.atop {
   vertical-align: top;
   }
.abottom {
   vertical-align: bottom;
   }
.amiddle,
.inline {
   vertical-align: middle;
   }

/* Apply pile_items to lists and blocks containing other blocks
========================= */
.pile_items > div,
.pile_items > a img,
.pile_items > p {
   padding: 0 20px 20px 0;
   }
* html .pile_items p,
* html .pile_items img {
   padding: 0 20px 20px 0;
   }
ul.pile_items,
ol.pile_items {
   list-style: none;
   }
.pile_items li {
   margin-left: 0;
   padding-left: 0;
   }

/* Opacity changes for image links
=========================*/
a.fadeout img { /* Default: 50% opacity; Hover: 100% opacity */
   opacity: 0.5;
   }
a.fadeout:hover img {
   opacity: 1;
   }
a.fadeover img { /* Default: 100% opacity; Hover: 50% opacity */
   opacity: 1;
   }
a.fadeover:hover img {
   opacity: 0.5;
   }

/* PNG alpha transparency fix for IE6 (http://www.twinhelix.com/css/iepngfix)
=========================*/
img {
   }

/* Clearfix hack
=========================*/
.clearfix {
   display: inline-block;
   }
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Font size control
=========================*/
body {
   font-size: small;
   }
* html body {
   font-size: x-small; /* For IE5 Win */
   f\ont-size: small; /* For other IE versions */
   }