.floatL {
    float: left;
}
.floatR {
    float: right;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.opacity {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.50;
}
.nowrap {
    white-space:nowrap
}
/* TODO: create three table classes */
p, table {
    margin: 0.6em 0;
}


/***************************************************/
/** CLASSES I AM NOT HAPPY ABOUT, BUT DUE TO THE  **/
/** DESIGN I DONT THINK WE HAVE AN OPTION         **/
/***************************************************/
.pl5 { padding-left: 5px; } 
.pl10 { padding-left: 10px; } 
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pt5 { padding-top: 5px; }        /** including this style because of the searchpods **/
.pt10 { padding-top: 10px; }        /** including this style because of the searchpods **/
.pb5 { padding-bottom: 5px; }        /** including this style because of the searchpods **/
.pb10 { padding-bottom: 10px; }        /** including this style because of the searchpods **/
.center { text-align: center; } 
.w33pc { width: 32%; }
.w50pc { width: 49.99%; }
.w100pc { width: 100%; }
.left { text-align: left; }
.right { text-align: right; }
#searchpod label { line-height: 2em; }
#searchpod { border: 1px solid #ccc; }
form, input,select,option {font-size:10px;}