/* COMMON STYLES */
.full {
	width: 100%;
}

.half {
    width: 50%;
}
.qtr {
    width: 25%;
}

.cr { clear: right !important; }
.cl { clear: left !important; }
.cb { clear: both !important; }
.fr { float: right !important; }
.fl { float: left !important; }
.fn { float: none !important; }
.ff {
	_width: 1px;
	_height: 1px;
    overflow: hidden;
}
.wauto {
	width:auto;
}
.rel {
    position: relative;
	_height: 100%;
    overflow: hidden;
}

.iemid {
    text-align:center;
}

.mid {
    margin:0 auto;
    text-align:left;
}
.p   { padding: 4px; }
.pp  { padding: 8px; }
.ppp  { padding: 12px; }
.pppp  { padding: 16px; }
.pt  { padding-top: 4px; }
.ppt { padding-top: 8px; }
.pppt { padding-top: 12px; }
.ppppt { padding-top: 16px; }
.pb  { padding-bottom: 4px; }
.ppb { padding-bottom: 8px; }
.pppb { padding-bottom: 12px; }
.ppppb { padding-bottom: 16px; }
.pl  { padding-left: 4px; }
.ppl { padding-left: 8px; }
.pppl { padding-left: 12px; }
.pppl { padding-left: 16px; }
.pr  { padding-right: 4px; }
.ppr { padding-right: 8px; }
.pppr { padding-right: 12px; }
.ppppr { padding-right: 16px; }
.p0  { padding: 0; }

.m   { margin: 4px; }
.mm  { margin: 8px; }
.mmm  { margin: 12px; }
.mmmm  { margin: 16px; }
.mb  { margin-bottom: 4px; }
.mmb { margin-bottom: 8px; }
.mmmb { margin-bottom: 12px; }
.mmmmb { margin-bottom: 16px; }
.mr  { margin-right: 4px; }
.mmr { margin-right: 8px; }
.mmmr { margin-right: 12px; }
.mmmmr { margin-right: 16px; }
.ml  { margin-left: 4px; }
.mml { margin-left: 8px; }
.mmml { margin-left: 12px; }
.mmmml { margin-left: 16px; }
.mt  { margin-top: 4px; }
.mmt { margin-top: 8px; }
.mmmt { margin-top: 12px; }
.mmmmt { margin-top: 16px; }
.m0  { margin: 0; }

.db { display: block; }
.dib { display: inline-block; }
.dn { display: none; }

.l { text-align: left; }
.r { text-align: right;}
.c { text-align: center;}
.hidden {display:none;}

/* DROP SHADOWS */
.drop-shadow {
  position: relative;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before, .drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
}
/* Raised shadow - no pseudo-elements needed */
.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* Curved shadows */

.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.curved-vt-2:before {
    right:0;
}

.curved-hz-1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.curved-hz-2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}