/* =============================================================================

classes.css

Contains class-based styles for use in the template. For the most part this file
will not be modified.

----------------------------------------------------------------------------- */

/* .clearfix css by positioniseverything.net
 *
 * floated block elements with class="clearfix" will not break outside of their
 * container block.
 */
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* hides from IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-Mac */

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

br.clear {
  height: 0;
  line-height: 0;
}

.column {
  float: left;
  margin: 0 0.5%;
}
.column.first {
  clear: left;
}
p.column { margin: 0 0.5% 1em; }

.full {
  float: none;
  width: 98.9%;
}
.threefourths { width: 73.9%; }
.twothirds { width: 65.59%; }
.half { width: 48.8%; }
.third { width: 32.29%; }
.fourth { width: 23.9%; }
.fifth { width: 18.9%; }

.column input,
.column textarea { width: 95%; }

.padded { padding: 1em; }

.caps { text-transform: capitalize; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }

.dropcap {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    text-indent: -999em;
    width: 38px;
}

.dropcap.drop-g { background: transparent url(/images/template/dropcaps/g.png) scroll left top no-repeat; }

.optional,
.optional label,
label.optional {
  color: #333;
  font-style: italic;
  font-weight: normal;
}
.required,
.required label,
label.required {
  color: #900;
  font-style: normal;
  font-weight: bold;
}

a.external:link,
a.external:hover,
a.external:active,
a.external:visited {
  background: transparent url(/images/template/external.png) scroll left center no-repeat;
  padding-left: 18px;
}

dl.compact>dt,
dl.compact>dd {
    float: left;
    margin: 0.25em 1em 0.25em 0;
    padding: 0;
}

dl.compact>dt { clear: left; }

dl.linear {
    border-bottom: 1px solid #999;
    margin-right: 1%;
}
dl.linear dt,
dl.linear dd {
    border-top: 1px solid #999;
    float: left;
}

dl.linear dt {
    clear: left;
    text-align: left;
    width: 40%;
}

dl.linear dd {
    padding: 0 0 0 0.9%;
    text-align: right;
    width: 58%;
}

dl.linear.numeric dt { width: 80%; }
dl.linear.numeric dd { width: 19%; }

dl.linear dt.normal,
dl.linear dd.normal {
    float: none;
    width: auto;
}

dl.linear dd.normal {
    border: 0;
    padding: 0 0 0 1.4em;
}

dl.linear dd.normal dl.linear { border: 0; }



dl.portfolio dt {
  clear: both;
}

dl.portfolio dd {
  margin-bottom: 2em;
}

dl.portfolio dd img,
p.portfolio img,
img.portfolio {
  border: 3px double #036;
  float: left;
  margin: 0 0.5em 0.5em 0;
}
dl.portfolio dd img.right,
p.portfolio img.right,
img.portfolio.right {
  float: right;
  margin: 0 0 0.5em 0.5em;
}
dl.portfolio dd img.small,
p.portfolio img.small,
img.portfolio.small {
  height: 75px;
  width: 100px;
}

div.profile img,
p.profile img {
  float: right;
  margin: 0 1em 1em;
}

.jqtoggle { position: relative; }
dl.jqtoggle.active {
  margin-left: 0;
  padding-left: 0;
}

.jqtoggler, .jqexpand, .jqcollapse { cursor: pointer; }
li.jqtoggler { list-style-image: url(/common/images/icons/bullet_arrow_down.png); }
li.jqtoggler.open { list-style-image: url(/common/images/icons/bullet_arrow_down.png); }
dt.jqtoggler {
  background: url(/common/images/icons/bullet_arrow_down.png) scroll left center no-repeat;
  padding-left: 20px;
}
dt.jqtoggler.open { background-image: url(/common/images/icons/bullet_arrow_up.png); }

.jqexpand, .jqcollapse {
  height: 16px;
  list-style: none none inside;
  margin: 0;
  padding: 0;
  position: absolute; top: 2px; right: 2px;
  width: 16px;
}
legend .jqexpand,
legend .jqcollapse {
    right: 12px;
    top: -14px;
}
.jqexpand span,
.jqcollapse span {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  text-indent: -999em;
  width: 16px;
}
.jqexpand span { background-image: url(/common/images/icons/add.png); }
.jqcollapse span { background-image: url(/common/images/icons/delete.png); }

form.expand input { width: 99.9%; }

form.expand input.checkbox,
form.expand input.radio,
form.expand input.button { width: auto; }

img.left {
  float: left;
  margin: 10px 10px 10px 0;
}

img.right {
  float: right;
  margin: 10px 0 10px 10px;
}

img.bottom { margin-bottom: 0; }
img.top { margin-top: 0; }

ul.column {
    float: none;
    margin: 0.5em 0 0.5em 1.4em;
    width: auto !important;
}

ul.column>li {
    float: left;
    margin: 0 2.9% 0 0;
}

ul.column.half>li { width: 47%; }
ul.column.third>li { width: 30.3%; }
ul.column.fourth>li { width: 22%; }

ul.horizontal,
ul.horizontal li,
ul.no-bullet,
ul.no-bullet li { list-style: none none outside; }

ul.horizontal li {
  border-right: 1px solid #000;
  display: inline;
  padding: 0 4px 0 6px;
}

ul.no-bullet,
ul.no-bullet li {
  margin: 0;
  padding: 0;
}

ul.horizontal li.last { border: none !important; }

.by-float { /* IE Display Adjustment */
  position: relative; z-index: 1;
} html>/**/body .by-float {
  position: static;
}