/* Default classes----------------------------------------------------------- */
.small  { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large  { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet  { color: #666; }
.loud       { color: #000; }

.hide   { display: none; }
.highlight  { background:#ff0; }
.added  { background:#060; color: #fff; }
.removed  { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.left { float:left; }
.right  { float:right; }

.hide { display:none; }

.reset-margin { margin:0; } 
.reset-padding  { padding:0; } 
.reset    { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left   { text-align:left; } 
.align-center { text-align:center; } 
.align-right  { text-align:right; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* BASELINES ------------------------------------------------------------------ */
.baseline       { margin-bottom: 18px; }
.nobaseline     { margin-bottom: 0; }

/* COLORS & FONT COLORS -------------------------------------------------------- */
.black { background: #000001; }
            .black-txt { color: #000000; }
.blue  { background: #0876FE; }
            .blue-txt  { color: #0876FF; }
.lt-blue  { background: #2458FE; }
            .lt-blue-txt  { color: #2458FF; }
.brown  { background: #44160F; }
            .brown-txt  { color: #44160E; }
.grey  { background: #CCCCCD; }
            .grey-txt  { color: #CCCCCC; }
.green { background: #0CDB08; }
            .green-txt { color: #0CDB09; }
.orange{ background: #FF6C01; }
            .orange-txt{ color: #FF6C00; }
.red   { background: #A01; }
            .red-txt   { color: #FF1C4A; }
.white { background: #FFFFFE; }
            .white-txt { color: #FFFFFF; }
.yellow{ background: #FFFF3A; }
            .yellow-txt{ color: #FFFF3B; }
.pink  { background: #F200CE; }
            .pink-txt  { color: #F200CD; }
.purple  { background: #A10A8F; }
            .purple-txt  { color: #A10A8E; }

/* VARIABLE CLASSES -------------------------------------------------------- */
.class-1   { font-weight: bold; font-size: 2em; line-height: .9em; margin: 0 auto 0 -2px; padding: 2px 2px 8px 0; }
.class-2   { font-size: 3.1em; margin-bottom: -.5em; margin-top: -.3em; }

.class-3   { font-weight: normal; font-size: 3em; margin-bottom: 4px; }
.class-4   { font-weight: bold; font-size: 3em; margin-bottom: 18px; text-transform: lowercase; }
.class-5   { font-weight: bold; font-size: 7em; }

.class-6   { font-size: 2.3em; line-height: 1.2em; margin-bottom: 18px; padding-bottom: 12px; }
.class-7   { font-size: 1.3em; line-height: 1.2em; margin-bottom: 18px; padding-bottom: 12px; }

.blue-line { border-top: 1px solid #2458FF; padding: 5px 1px 5px 0; }
.bottom-line { border-bottom: 1px solid #fff; padding: 5px 1px 5px 0; }
.frame   { border-top: 1px solid #0876FF; border-right: 4px solid #005aab; border-bottom: 4px solid #005aab; border-left: 1px solid #0876FF; }
.red-line   { border: 4px solid #a01; }
.top-line   { border-top: 4px solid #0876FF; }
.white-line { border-top: 1px solid #fff; border-top: 1px solid #fff; }

.prepend-0 		{ padding-left: 10px; }
.append-0 		{ padding-right: 10px; }
.span-960 		{ margin: 0; width: 960px; }
.margin-1 		{ margin-left: 10px; }
.margin-2 		{ margin-left: 20px; }
.margin-3 		{ margin-left: 30px; }

/* WIDTH IN PERCENTAGES ----------------------------------------------------- */
.width100{ width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.width35 { width: 35%; margin: -18px auto 18px 0; padding: 9px; text-align: center; }

/* fancy-type.css * Lots of pretty advanced classes for manipulating text.--- */

/* Indentation instead of line shifts for sibling paragraphs.
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p  { text-indent: 0; } /* Don't want this in forms. */ */

/* Ornaments on first paragraph.
Commented out by default. Use with care.
p:before { content: "\2767"; padding-right: 0.4em; }
p + p:before { content: ""; padding:0; } */

/* For great looking type, use this code instead of asdf: 
<span class="alt">asdf</span>  Best used on prepositions and ampersands. */

/* For great looking quote marks in titles, replace "asdf" with:
<span class="dquo">&#8220;</span>asdf&#8221; */  
 
.alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }

.dquo { margin-left: -.5em; } 

p.incr, .incr p { font-size: 10px; line-height: 1.44em; margin-bottom: 1.5em; }


/* Surround uppercase words and abbreviations with this class. */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; line-height:1%; font-weight:bold; padding:0 2px; }


/* Misc classes and elements------------------------------------------------- */
/* Border on right hand side of a column. */
div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; }
.divide-bg { background: transparent url('../images/divider-bg-2.gif') repeat-x bottom left;  }
/* Use these classes on an element to push it into the next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, 
.pull-4, .pull-5, .pull-5 { float:left; position:relative; }

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-0, .push-1, .push-2, 
.push-3, .push-4, .push-5 { float: right; position:relative; }


/* Misc classes and elements
-------------------------------------------------------------- */
/* Use this to create a horizontal ruler across a column. */
hr { background: transparent; color: #ddd; clear: both;  float: none;  width: 100%;  height: .1em; margin: 0 0 1.4em; border: none; }
hr.space { background: transparent; color: #fff; }
hr.nocolor { background: transparent; color: inherit; }

/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }

/* Clearing floats without extra markup*/
.clear { display: inline-block; }  
.clear:after, .container:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

.clearfix:after, .container:after {   content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}