/* designmode.css *//* designmode.css >>> blueprint/screen.css *//* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */
/* designmode.css >>> blueprint/screen.css >>> src/reset.css *//* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 

body { 
  line-height: 1.5; 
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 

/* Tables still need 'cellspacing="0"' in the markup. */
/*
table { border-collapse: separate; border-spacing: 0; }
*/
caption, th, td {/* text-align: left;*/ font-weight: normal; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 
/* tinymce html is unhappy with this line Thu Aug 13 16:58:30 EDT 2009 */
/* table, td, th { vertical-align: middle; } */

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 
blockquote, q { quotes: "" ""; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 

/* Remove annoying border on linked images. */
a img { border: none; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/reset.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css *//* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
h2 { font-size: 2em; margin-bottom: 0.75em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; /* height: 1.25em !stupid; */}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
h6 { font-size: 1em; font-weight: bold; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

a:focus, 
a:hover     { color: #000; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
a           { color: #009; text-decoration: underline; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
strong      { font-weight: bold; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
em,dfn      { font-style: italic; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
dfn         { font-weight: bold; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
sup, sub    { line-height: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

abbr, 
acronym     { border-bottom: 1px dotted #666; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
address     { margin: 0 0 1.5em; font-style: italic; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
del         { color:#666; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

pre,code    { margin: 1.5em 0; white-space: pre; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

ul          { list-style-type: disc; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
ol          { list-style-type: decimal; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

dl          { margin: 0 0 1.5em 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
dl dt       { font-weight: bold; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
dd          { margin-left: 1.5em;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
th          { font-weight: bold; background: #C3D9FF; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
th,td       { padding: 4px 10px 4px 5px; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
tr.even td  { background: #E5ECF9; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
tfoot       { font-style: italic; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
caption     { background: #eee; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.hide       { display: none; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

.quiet      { color: #666; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.loud       { color: #000; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.highlight  { background:#ff0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.added      { background:#060; color: #fff; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.removed    { background:#900; color: #fff; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 

.first      { margin-left:0; padding-left:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.last       { margin-right:0; padding-right:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.top        { margin-top:0; padding-top:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
.bottom     { margin-bottom:0; padding-bottom:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/typography.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css *//* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-02-26) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            758 px
    * Number of columns:     24
    * Column width:          22 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 758px wide, with 24 columns 
   spanning 22px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.wrapper,.container {
  width: 780px;
  margin: 0 auto;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;	
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 10px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* The last column in a row needs this class. */
div.last { margin-right: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Use these classes to set the width of a column. */
.span-1  { width: 22px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-2  { width: 54px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-3  { width: 86px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-4  { width: 118px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-5  { width: 150px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-6  { width: 182px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-7  { width: 214px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-8  { width: 246px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-9  { width: 278px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-10 { width: 310px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-11 { width: 342px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-12 { width: 374px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-13 { width: 406px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-14 { width: 438px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-15 { width: 470px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-16 { width: 502px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-17 { width: 534px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-18 { width: 566px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-19 { width: 598px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-20 { width: 630px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-21 { width: 662px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-22 { width: 694px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-23 { width: 726px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.span-24, div.span-24 { width: 758px; margin: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



/* Add these to a column to append empty cols. */
.append-1  { padding-right: 32px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-2  { padding-right: 64px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-3  { padding-right: 96px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-4  { padding-right: 128px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-5  { padding-right: 160px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-6  { padding-right: 192px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-7  { padding-right: 224px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-8  { padding-right: 256px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-9  { padding-right: 288px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-10 { padding-right: 320px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-11 { padding-right: 352px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-12 { padding-right: 384px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-13 { padding-right: 416px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-14 { padding-right: 448px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-15 { padding-right: 480px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-16 { padding-right: 512px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-17 { padding-right: 544px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-18 { padding-right: 576px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-19 { padding-right: 608px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-20 { padding-right: 640px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-21 { padding-right: 672px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-22 { padding-right: 704px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.append-23 { padding-right: 736px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 32px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-2  { padding-left: 64px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-3  { padding-left: 96px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-4  { padding-left: 128px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-5  { padding-left: 160px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-6  { padding-left: 192px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-7  { padding-left: 224px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-8  { padding-left: 256px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-9  { padding-left: 288px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-10 { padding-left: 320px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-11 { padding-left: 352px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-12 { padding-left: 384px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-13 { padding-left: 416px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-14 { padding-left: 448px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-15 { padding-left: 480px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-16 { padding-left: 512px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-17 { padding-left: 544px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-18 { padding-left: 576px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-19 { padding-left: 608px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-20 { padding-left: 640px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-21 { padding-left: 672px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-22 { padding-left: 704px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.prepend-23 { padding-left: 736px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 




/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:20px;
  margin-right:17px;
  border-right: 1px solid #eee;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* 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: -32px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-2 { margin-left: -64px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-3 { margin-left: -96px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-4 { margin-left: -128px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-5 { margin-left: -160px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-6 { margin-left: -192px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-7 { margin-left: -224px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-8 { margin-left: -256px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-9 { margin-left: -288px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-10 { margin-left: -320px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-11 { margin-left: -352px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-12 { margin-left: -384px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-13 { margin-left: -416px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-14 { margin-left: -448px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-15 { margin-left: -480px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-16 { margin-left: -512px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-17 { margin-left: -544px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-18 { margin-left: -576px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-19 { margin-left: -608px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-20 { margin-left: -640px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-21 { margin-left: -672px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-22 { margin-left: -704px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-23 { margin-left: -736px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.pull-24 { margin-left: -768px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



.push-1 { margin: 0 -32px 1.5em 32px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-2 { margin: 0 -64px 1.5em 64px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-3 { margin: 0 -96px 1.5em 96px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-4 { margin: 0 -128px 1.5em 128px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-5 { margin: 0 -160px 1.5em 160px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-6 { margin: 0 -192px 1.5em 192px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-7 { margin: 0 -224px 1.5em 224px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-8 { margin: 0 -256px 1.5em 256px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-9 { margin: 0 -288px 1.5em 288px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-10 { margin: 0 -320px 1.5em 320px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-11 { margin: 0 -352px 1.5em 352px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-12 { margin: 0 -384px 1.5em 384px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-13 { margin: 0 -416px 1.5em 416px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-14 { margin: 0 -448px 1.5em 448px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-15 { margin: 0 -480px 1.5em 480px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-16 { margin: 0 -512px 1.5em 512px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-17 { margin: 0 -544px 1.5em 544px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-18 { margin: 0 -576px 1.5em 576px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-19 { margin: 0 -608px 1.5em 608px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-20 { margin: 0 -640px 1.5em 640px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-21 { margin: 0 -672px 1.5em 672px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-22 { margin: 0 -704px 1.5em 704px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-23 { margin: 0 -736px 1.5em 736px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.push-24 { margin: 0 -768px 1.5em 768px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 




/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

hr.space {
  background: #fff;
  color: #fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.clearfix, .container {display: inline-block;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

* html .clearfix,
* html .container {height: 1%;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.clearfix, .container {display: block;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/* add 22px to last column to stretch 758 grid up to 780 */
/**/
.last.span-1  { width: 44px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-2  { width: 76px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-3  { width: 108px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-4  { width: 140px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-5  { width: 172px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-6  { width: 204px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-7  { width: 236px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-8  { width: 268px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-9  { width: 300px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-10 { width: 332px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-11 { width: 364px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-12 { width: 396px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-13 { width: 428px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-14 { width: 460px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-15 { width: 492px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-16 { width: 524px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-17 { width: 556px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-18 { width: 588px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-19 { width: 620px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-20 { width: 652px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-21 { width: 684px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-22 { width: 716px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-23 { width: 748px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.span-24, div.last.span-24 { width: 780px; margin: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 



/* nestspan (subtract 10px for a column within a column - extra gutter) */
.nestspan-12{width:364px}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.nestspan-18{width:578px}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.nestspan-19{width:610px}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.last.nestspan-12{width:386px}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 

.nest{margin-left:-1px;margin-right:-1px;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/grid.css */ 


/**/
/* designmode.css >>> blueprint/screen.css >>> src/forms.css *//* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
legend      { font-weight: bold; font-size:1.2em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 

input.text, 
input.title   { width: 300px; padding:5px; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
input.title   { font-size:1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
textarea      { width: 390px; height: 250px; padding:5px; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
.error a    { color: #8a1f11; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
.notice a   { color: #514721; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
.success a  { color: #264409; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/forms.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css *//* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #b5b5b5;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;

  background-color:#e5e5e5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 

/* Positive */
body .positive {
  color:#529214;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 

/* Negative */
body .negative {
  color:#d12f19;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 

button.negative.secondary,button.negative.secondary:hover {
  background: none;
  border:none;
  color:#d12f19;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
button.negative.secondary:hover {
  color:#C52A16;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 

/* Disabled */
button[disabled],
button[disabled].positive,
button[disabled].negative,
button[disabled]:hover,
button[disabled].positive:hover,
button[disabled].negative:hover {
  color: #bbb;
  cursor: not-allowed;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/buttons/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/css-classes/screen.css *//* -------------------------------------------------------------- 

   css-classes.css
   * Classes for CSS development
   
   See the Readme file in this directory
   for further instructions.
   
-------------------------------------------------------------- */

.left   { float:left; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/css-classes/screen.css */ 
.right  { float:right; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/css-classes/screen.css */ 

.hide   { display:none; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/css-classes/screen.css */ 

.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; } 

/* designmode.css >>> blueprint/screen.css >>> plugins/fancy-type/screen.css *//* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

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

/* Indentation instead of line shifts for sibling paragraphs. */
   .fancy p + p { text-indent:2em; margin-top:-1.5em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/fancy-type/screen.css */ 

   .fancy form p + p,
   form .fancy p + p { text-indent: 0; } /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/fancy-type/screen.css */ 



/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/fancy-type/screen.css */ 



/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> plugins/fancy-type/screen.css */ 

/* designmode.css >>> blueprint/screen.css >>> src/digication.css *//* -------------------------------------------------------------- 
   
   digication.css
   * Sets up some default Digication-specific rules.

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


/* overrides for blueprint */
img { margin-bottom: 0px }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
form {display:inline;margin:0;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body{margin:0;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
em {background-color:transparent;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
p           { margin: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

body{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background:#eee;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
big{	
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
font{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

sub,sup {line-height: normal; font-size:smaller;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
sub{ vertical-align: sub;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
sup{ vertical-align: sup;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

li h4{margin-bottom:0}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

tt{ margin:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
img {
	display:block;
	margin: 0 0 .5em 0;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
p img,button img,a img{ float: none; margin: 0; padding: 0; display: inline}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img,
table img,button img,
li img {
	display:inline;
	margin-bottom:0;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

a.button,button{
	display:inline;
	display:-moz-inline-box;
	display:inline-block;
	zoom:1.0;
	float:none;
	vertical-align:middle;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

p img,input,select {
	vertical-align:middle;
	margin:0 5px;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

.button img{
	vertical-align:baseline;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

select{margin:6px 4px 10px 4px;}/* IE6 */
select[name]{margin:6px 4px 10px 4px;}/* Firefox / Safari */
*:first-child+html select[name] {margin:6px 4px 8px 4px;} /* IE7 */

input.text{margin:2px 5px 6px 0}/* IE6 */
input[type=text].text{margin:2px 5px 6px 0}/* Firefox / Safari */
*:first-child+html input[type=text] {margin:1px 5px 5px 0} /* IE7 */

input.file{margin:4px 5px 10px 0;}/* IE6 */
input[type=file].text{margin:4px 5px 10px 0;}/* Firefox / Safari */
*:first-child+html input[type=file] {margin:4px 5px 8px 0;} /* IE7 */

ul.box {
	margin-left:0;
	margin-right:0;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

/*-----------------*/
.clear {clear:both}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
div#main_navigation a{
	font-size:.9em;
	font-weight:bold;
	color: #000;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

#header_image{
	height:60px;
	border-top:none;
	border-bottom:none;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
#page_title, #page_title h3{
	color:#fff;
	background:#666;
	height:20px;
	border-bottom:none;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
/*.container {
  width: 780px;
  margin: 0 auto;
}
*/

./*hide {
  display:none!important;
}*/

.last {
	margin-right:0!important;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 


/* Misc classes
-------------------------------------------------------------- */

body .small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .hide       { display: none; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

body .quiet      { color: #666; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .loud       { color: #000; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .highlight  { background:#ff0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .added      { background:#060; color: #fff; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .removed    { background:#900; color: #fff; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

body .first      { margin-left:0; padding-left:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .last       { margin-right:0; padding-right:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .top        { margin-top:0; padding-top:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .bottom     { margin-bottom:0; padding-bottom:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

body .firstbox   { margin-left:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .lastbox    { margin-right:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .topbox     { margin-top:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
body .bottombox  { margin-bottom:0; }
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 





/* Positive */
body .positive,body .positive:visited,body .positive:link {
  color:#427310;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
a.positive:active {
  background-color:#427310;
  border:1px solid #427310;
  color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

/* Negative */
body .negative,body .negative:visited,body .negative:link {
  color:#d12f19;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

body ul.normal li{
	list-style:disc outside;
	margin:0;
	
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
.naked li {list-style:none}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

/* Use this to create a horizontal ruler across a column. */
hr {
 background: #ddd;
 color: #ddd;
 clear: both;
 float: none;
 width: 100%;
 height: 1px !important;
 margin: 0 0 1.45em;
 border: none;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 


li.notice {
	list-style:none
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
li.clearfix {
	list-style:none;
}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 

.print {display: none;}
/* designmode.css */ 
/* designmode.css >>> blueprint/screen.css */ 
/* designmode.css >>> blueprint/screen.css >>> src/digication.css */ 
.m_text {margin-bottom: 1em;}/* designmode.css >>> app_base.css */
/* designmode.css >>> app_base.css >>> app/layout.css */
/*	
	***************************************************************
	* 					app specific layout                                 
	***************************************************************
*/

#header_container,
#main_container{
	background-color:#fff;
	border: solid #fff;
	border-width: 0 10px;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#header_container {
	padding-top:10px;
	padding-bottom:.5em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#main_container {
	padding-bottom:1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#footer_container{
	border-top:1px solid #aaa;
	padding:10px;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


#dashboard p{
	line-height:2em;
	padding:.5em 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#left_container.narrow {
	margin-right:5px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#left_container{
	padding-bottom:1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

/*	
	*********************************
	* header
	*********************************
*/

#site_topnav {
	font-size:10px;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


#help_tab img{
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#help_tab, .help_tab {
	float:right;
	width:;
	height:;
	cursor:pointer;
	margin:-22px 0px 0 0px;
	padding:15px 7px 5px 7px;
	background:#767676;
	color:#fff;
  font-weight: normal;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

 #help_tab a,a#help_tab{
   color: #fff;
   text-decoration: none;
 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


#help_tab.extended{
	top:-1px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


/*	
	*********************************
	* footer
	*********************************
*/
	
#footer{
	font-size:.75em;
	text-align: center;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


#footer #tag{
	position:absolute;
	right:20px;
	top:0px;
	clear:both;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


#footer a img{
	vertical-align:middle;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 

#footer a{
	text-decoration:none;
	font-weight:bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/layout.css */ 


/* designmode.css >>> app_base.css >>> from_bootstrap.css */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
  to {
    background-position: 0 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
  to {
    background-position: 0 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
  to {
    background-position: 0 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
  to {
    background-position: 40px 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
  to {
    background-position: 0 0;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> from_bootstrap.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */.hidden{display:none!important; visibility: hidden;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 



/* Generic Courses / Communities */
.sortoptions{
	color:#777;
	margin: .5em 0;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.item{
	padding:10px;
	margin-bottom:1em;
	background:#fff;
	border-bottom:1px solid #aaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.item small{
	color:#777;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.item img{
	display:inline;
	vertical-align:middle;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.box .item{
	list-style:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

/* Title Classes */

/*.title{
	width:100%;
	border-bottom:2px solid #aaa;
}
.title h5{
	xmargin-bottom:.5em;
	margin-bottom:0;
	margin-top:1.25em;
	xpadding:5px;
	color:0;
	font-weight:bold;
	font-size:.9em;
	
}
.title h5 a{
	text-decoration:none;
	color:#555;	
}

.title button{
	margin-right:0;
	margin-bottom:2px;
}*/

/*	
	*********************************
	* simple classes 
	*********************************
*/

.gray{
	color:#aaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.light_gray{
	color:#ddd;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.dark_gray{
	color:#444;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

	
.hidden{
    display:none!important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.message{
	display:block;
	padding:.5em;
	margin-bottom: 1em;
	font-size:.9em;
	background:#fff;
	border-bottom:1px solid #bbb;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.note {
	color:#999;
	font-style:italic;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

/* Notices and Notifications*/
/*--------------------------*/


/*Generic Classes*/
.success{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.error{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.notice{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.tip{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.alert{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.note{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


/* Dashboard Feed Stuff*/
/* Adding Content, Updating Content, Leaving Comments, Awaitin Action*/

.comment{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.notification{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 




/* Small Buttons */

body .smallbutton {
  color:#888;
  background-color:#e5e5e5;
  margin:0 0.583em 0.667em 0;
  padding:5px 7px 3px 7px;   /* Links */
  border-top:1px solid #f1f1f1;
  border-right:1px solid #ccc;
  xborder-bottom:1px solid #ccc;
  border-bottom:none;
  border-left:1px solid #ccc;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:60%;
  line-height:130%;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

a.smallbutton:hover, button.smallbutton:hover {
  background-color:#fff;
  border:1px solid #C6D880;
  color:#444;
  border-top:1px solid #fff;
  border-right:1px solid #bbb;
  border-bottom:1px solid #fff;
  border-left:1px solid #ccc;
  cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

a.smallbutton:active {
  background-color:#e5e5e5;
  border:1px solid #529214;
  color:#565656;
  border-top:1px solid #eaeaea;
  border-right:1px solid #bbb;
  border-bottom:1px solid #aaa;
  border-left:1px solid #ccc;
  cursor:pointer;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 




a.smalllink{
	text-decoration:none;
	font-size:.75em;
	color:#777;
	/*margin-top:-1.5em;*/
	cursor:pointer;
  
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

a.smalllink:hover{
	text-decoration:none;
	font-size:.75em;
	color:#333;
	cursor:pointer;
  
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.notbold{
	font-weight:normal;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 



.dragging * {
	background:#ff8 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 



.textright{
	text-align:right;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.textright button,
.textright a.button{
	margin:0pt 0pt 0.667em 0.583em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 


.pagetitle{
	background:#eee;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

.inline{
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

a.hoverline{
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/simple.css */ 

a.hoverline:hover{
	text-decoration:underline;
}/* designmode.css >>> app_base.css >>> app/feedback.css */
.alt_success {
	background: #ebf1dc url(/images/alt_icon_success.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #bcd18d;
	border-bottom: 1px solid #bcd18d;
	margin-bottom:2em;
	color:#5AAD5C;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_success *{
	color:#5AAD5C !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_success * a:hover, .alt_success a:hover{
	color:#8ED37A !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_error {
	background: #ff653e url(/images/alt_icon_error.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #f30;
	border-bottom: 1px solid #f30;
	margin-bottom:2em;
	color:#fff;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_error *{
	color:#fff !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_error * a:hover, .alt_error a:hover{
	color:#eee !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_alert {
	background: #FFFAE6 url(/images/alt_icon_alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	margin-bottom:2em;
	color:#666;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_alert *{
	color:#666 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_alert * a:hover, .alt_alert a:hover{
	color:#999 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_note {
	background: #d3ddeb url(/images/alt_icon_info.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #88a3c9;
	border-bottom: 1px solid #88a3c9;
	margin-bottom:2em;
	color:#5D83A3;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_note *{
	color:#5D83A3 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

.alt_note * a:hover, .alt_note a:hover{
	color:#74AFCC !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 



.feedback_text img,
.feedback_success img,
.feedback_error img{
	display:inline;
	vertical-align:middle
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 


.feedback_success {
	background: #CAF2AE;
	color:#5AAD5C;
	padding:10px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	
	.tip			{ width:332px; font-family:tahoma,arial; background:url(/images/middle.png) left top repeat-y; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	.tip-top		{ background:url(/images/top.png) top left no-repeat; height:22px; width:332px; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	.tip-title		{ color:#555; font-weight:bold; margin:0 30px 0 50px; display:block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	.tip-bottom		{ background:url(/images/bottom.png) left bottom no-repeat; width:332px; height:31px; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/feedback.css */ 

	
	
	
	#instructions_smarthbox{
		background:red;
		font-weight:bold;
	}/* designmode.css >>> app_base.css >>> app/forms.css */
/*	
	*********************************
	* Forms
	*********************************
	bleah
	http://www.tjkdesign.com/articles/how_to_position_the_legend_element.asp
*/
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */

input.datepicker{
	width: 171px;
	cursor: pointer;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

input.datepicker:focus{
	outline:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_container{
	position:absolute;
	width: 177px;
	height: 100px;
	padding: 0;
	z-index: 500;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal{
	background-color: #fff;
	width: 177px;
	margin: 0px 0px 3px 0px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal select{
	margin: 2px 3px;
	font-size:10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal select option{
	padding: 1px 3px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size:10px;
	padding: 2px 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal td{
	cursor: pointer;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal thead th{
	background: #d9eefc;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_empty{
	background: #eee;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_today{
	background: #daf2e6;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_selected{
	color: #fff;
	background: #328dcf;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

.box form fieldset{
	position:relative;
	font-size:100%;
	background:#fff;
	border-width: 0px 0px 3px 0px;
	margin:0 0 .75em 0;
	padding:10px;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

.box form legend{
	font-weight:bold;
	font-size:2em;
	display:block;
	margin:0em 0em 1.5em -.5em;
	padding:0em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

.box form fieldset label{
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

.box form fieldset input{
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

.box form fieldset textarea{
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form.box{
	padding: 1.5em; 
	margin-bottom: 1.5em; 
	background:#ccc;
	border-top:.25em solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:.25em solid #f8f8f8;
	margin-bottom:2em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 


form.box fieldset{
	padding:10px;
	margin-bottom:.75em;
	background:#fff;
	border-bottom:1px solid #aaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 





form dl,form dt,form dd{
	margin:0;
	font-size:1em;
	font-weight:normal;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl dt{
	margin:0 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl dd{
	margin:0 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl dt.error{
	background:none;
	border:none;
	color:red;
	margin:0 !important;
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl.two_column dt{
	float:left;
	width:200px;
	clear:both;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl.two_column dd{
	padding-left:200px; /* Same as "width" above*/
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 


form dl.two_column dd:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl.two_column dd {display: inline-block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl.two_column dd {height: 1%;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl.two_column dd {display: block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 


form dl dd.error{
	background:#fbe3e4 url(/images/red_stripe_background.png) !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl p.message{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl dd.error p.message{
	background:none;
	border:none;
	color:red;
	display:block;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/forms.css */ 

form dl dd br.clear{
	clear:left;
}/* designmode.css >>> app_base.css >>> app/menus.css */
/*	
	*********************************
	* inlinelist
	*********************************
*/

.inlinelist {
	margin:0;
	padding:1em 0;
	line-height:1.1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.inlinelist li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.inlinelist li {
	list-style:none;
	display:inline;
	padding: 0 .25em 0 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.inlinelist li:not(:first-child) + li {
	border-left:1px solid #000;
	padding-left:.5em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 



/* vnav */
	.vnav
		{
			margin: 0;
			padding:0;
			font-size: 10px;
			font-weight: bold;
			border-top: 1px solid #ccc;
			padding-right:0;
			background-color:#eee;

		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vnav ul
		{
			margin-right:0;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vnav li
		{
			margin: 0; 
			padding: 0;
	  		list-style-type: none;
	  		display:block;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vnav a, .vnav a:visited
		{
			margin:0;
			display:block;
			text-decoration: none;
			cursor:pointer;
			padding:.5em;
			color: #000000;
			background: transparent;
			text-indent: -1.5em;
			padding-left: 2em;

		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


	.vnav li.active a, .vnav li.active a:visited
		{
			background-color: #fff;
			border:1px solid #ddd;
			border-width:0 1px 1px;
			color: #000;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.box .vnav li.active a, .box .vnav li.active a:visited
		{
			margin-right:-1.333em;
			border-width:0 0 1px;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


	.vnav li.active a:hover, .vnav li.active a:visited:hover
		{
			background-color: #fff;
			color: #000;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vnav a:hover, .vnav a:visited:hover
		{
			background-color: #e5e5e5;
			color: #000;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


/* tabbar */
.tabbar
	{
		float:right;
		margin: 0;
		padding-left: 10px;
		background: transparent;
		padding: 3px 0 0;
		font-size:.6em;
		font-weight: bold;
		text-transform:uppercase;
		margin-top:7px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabbar li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabbar a img
	{
		margin:0;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabbar a, .tabbar a:visited
	{
		background: #eee;
		padding: 5px 7px .3em;
		margin:0;
		margin-right: 4px;
		text-decoration: none;
		color: #000000;
		white-space: nowrap;
		cursor:pointer;
		vertical-align:bottom;
		float:left;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabbar a.active, .tabbar a:visited.active
	{
		background-color: #ccc;
		color: #000000;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabbar a:hover
	{
		background-color:#999;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabbar:after, .tabbar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabbar {display: inline-block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

* html .tabbar {height: 1%;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabbar {display: block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 





/* tabnav */
.tabnav
	{
		margin: 0;
		padding-left: 10px;
		background: url(/images/tab_bottom.gif) repeat-x bottom;
		padding: 3px 10px 0px 10px;
		font-size: .85em;
		font-weight: bold;
		margin-top:7px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabnav a img
	{
		margin:0;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabnav a, .tabnav a:visited
	{
		float:left;
		background: #f3f3f3;
		padding: 3px 10px .3em 10px;
		margin:0;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #000;
		white-space: nowrap;
		cursor:pointer;
		vertical-align:bottom;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabnav a.active, .tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background-color: #fff;
		color: #000;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


.tabnav a:hover
	{
		background-color:#fff;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabnav:after, .tabnav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabnav {display: inline-block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

* html .tabnav {height: 1%;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

.tabnav {display: block;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


/* js menu */
.jsMenu{
	background: #f3f3f3;
	padding : 0;
	margin : 0;
	border: 1px solid #ccc;
	border-top: none;
	text-decoration: none;
	color: #666;
	white-space: nowrap;
	cursor:pointer;
	vertical-align:bottom;
	list-style:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.jsMenu li{
		text-align:left;
		padding:5px;
		display:block;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.jsMenu li.divider{
		height:1px;
		padding:0;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
		background:#ddd;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.jsMenu li.divider:hover{
		background:#ddd;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.jsMenu li:hover{
		background: #fff;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.jsMenu a{
		font-size: 1em;
		font-weight: bold;
		display:block;
		padding:0;
		padding-left:10px;
		text-decoration:none;
		float:none;
		border:none;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


	


	/* vtabnav */
	.vtabnav
		{
			margin: 0;
			padding:0;
			font-size: 10px;
			font-weight: bold;
			border-top: 1px solid #ccc;

		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vtabnav li
		{
			margin: 0; 
			padding: 0;
	  		list-style-type: none;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	.vtabnav a, .vtabnav a:visited
		{
			border: 1px solid #ccc;
			border-top:0px;
			border-left:0px;
			margin:0;
			display:block;
			text-decoration: none;
			color: #666;
			white-space: nowrap;
			padding:0;
			overflow:hidden;
			cursor:pointer;
			padding:2px 4px;
			background: #f3f3f3;

		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


	.vtabnav a.active, .vtabnav a:visited.active
		{
			border-right: 1px solid #fff;
			background-color: #fff;
			color: #000;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 


	.vtabnav a:hover, .vtabnav a:visited:hover
		{
			background-color: #fff;
			color: #000;
		}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.vtabcontent {
		background-color:#fff;
		border:solid #ccc;
		border-width:0 1px;
		margin:0 -1px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	
	/*---------------------------------------------------------------*/
	div.sortbar { 
		height: 25px;
		margin-bottom: 15px;
		position: relative;
		xbackground: transparent url(images/sortbars/sortbar_420_e6e6dc.gif) no-repeat scroll;
		background: #ddd;
		width:400px;
		-moz-background-clip: -moz-initial;
		-moz-background-origin: -moz-initial;
		-moz-background-inline-policy: -moz-initial;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.sortbar ul {
		position: relative;
		padding: 0px;
		margin:0px;
	 	z-index: 2;
		list-style: none;
	 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.sortbar ul li {
	 cursor: pointer;
	 float: left;
	 padding: 6px 7px 0px 10px;
	 height: 19px;
	 font-family: arial,sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 color: #555;
	
	 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.sortbar ul li a { 
		font-family: arial,sans-serif;
    text-decoration:none;
	 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

 	div.sortbar ul li.active a { 
    color: #fff;
 	 } 
	div.sortbar ul li span { font-family: verdana,sans-serif;
	 font-size: 10px;
	 font-weight: normal;
	 color: #69b4da;
	 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.sortbar div.teat {
	background: #000;
	position: absolute;
	text-align: left;
	display: block;
	 height: 25px;
	 width: 50px;
	 left: 0px;
	 }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/menus.css */ 

	div.sortbar div.teat img { 
	position: relative;
	 top: 25px;
	 width: 20px;
	 height: 10px;
	left:0px;
	}/* designmode.css >>> app_base.css >>> app/controls.css */

/* inline_dialog */
.inline_dialog_container{
	overflow:hidden;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog {
	position:relative;
	background-color:#f5f5f5;
	padding:9px;
	border:1px solid #ccc;
	border-top:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog .tabnav {
	margin-top:0px;
	margin-bottom:10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog .tabnav a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 


.inline_dialog .tabnav a.active{
	background-color:transparent;
	border-bottom:1px solid #f5f5f5;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog .span-5{
	margin-right:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog p{
	margin-top:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog .module_preview,
.inline_dialog .template_preview {
	padding:10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 


/* inline_dialog_buttons */
.inline_dialog_buttons {
	background: url(/images/tab_bottom.gif) repeat-x bottom;
	border-bottom:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog_buttons button, 
.inline_dialog_buttons a.button {
	vertical-align:top;
	margin-bottom:10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_dialog_buttons button.active,
.inline_dialog_buttons a.button.active{
	padding-bottom:15px;
	border:1px solid #ccc;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:0px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 


.inline_button{
	padding:3px 8px;
	background:#eee;
	border-top:1px solid #E7E7E7;
	border-right:1px solid #ddd;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #ddd;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/controls.css */ 

.inline_button_active{
	color:#aaa;
	padding:3px 8px;
	background:#eee;
	border-top:1px solid #E7E7E7;
	border-right:1px solid #ddd;
	border-bottom:2px solid #eee;
	border-left:1px solid #ddd;
}/* designmode.css >>> app_base.css >>> app/modal.css *//* moodalbox CSS */

.modal_overlay {
position: fixed;
left: 0;
top:0;
width: 100%;
background:#222 url('/images/modal/bg_overlay.gif');
cursor: pointer;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal.css */ 


.modal_container {
	position:absolute;
	left:50%;
	top:50%;
	padding:10px;
	background:#fff;
/*	overflow:hidden;*/
/*	border: 2px solid #000;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#fff url(/images/loadingbar.gif) no-repeat center center;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal.css */ 


.modal_content{
	overflow:auto;
	width:100%;
	height:100%;
	z-index:10;
	background:#fff;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal.css */ 


.modal_error{
	color:#f11;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal.css */ 


.modal_close_button{
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
}/* designmode.css >>> app_base.css >>> app/modal_help.css */div#siteSpacer{
	position:relative;
	height:5px;
	width:100%;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpStuff{
	width:100%;
	height:550px;
	margin:0 auto;
	background:#8dbd3c ;
	background:#a2c761 ;
	background:#aaa ;
	margin-top:-550px;
	overflow:hidden;
	display:relative;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpShadow{
	position:relative;
	bottom:0px;
	height:35px;
	width:100%;
	background:transparent url(/images/top_gradient.png) repeat-x bottom;
	background-color:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpHeader{
	width:830px;
	margin:0 auto;
	color:#fff !important;
	height:10px;
	padding:10px 0 0 0;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpHeader h1{
	color: #fff;
	float:left;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

	div#helpClose{
		margin-left:750px;
		margin-top:-43px;
		background:#fff;
		padding:5px; 
		width:30px; 
		cursor:pointer;
		position:relative;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
	div#helpClose:hover{
		margin-top:-41px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpContainer{
	text-align:left;
	background:#fff;
	padding:20px;
	width:800px;
	margin:0 auto 20px auto;
	position:relative;
	top:50px;
	margin-bottom:70px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpNavigation{
	background:#eee;
	float:right;
	width:250px;
	padding:5px;
	padding-bottom:0px;
	margin-top:0px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpTopics{
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	border-top:none;
	margin-top:0px;
	height:335px;
	overflow:auto;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpExtra{
	background:#eee;
	float:right;
	clear:right;
	width:250px;
	min-height:350px;
	padding:0 5px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpTopicContent{
	overflow:auto;
	height:380px;
	background:#fff;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpTopicContent h4, div#helpTopicContent h4, div#helpTopicContent h5, div#helpTopicContent h5{
	margin-bottom: .5em !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpContent{
	float:left;
	width:540px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 


div#helpFooter{
	color: #eee;
	clear:both;
	width:100%;
	padding:5px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
	
div#helpSearch {
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpSearch form{
	width:530px;
	border-right:none;
	position:relative;
	background:none;
	color:#fff;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpSearch form input{
	background:#fff url(/images/search.gif) no-repeat 2px 2px;
	padding:2px 2px 2px 20px;
	width:200px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
div#helpSearch a:link,div#helpSearch a:visited,div#helpSearch a:hover,div#helpSearch a:active{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

span.highlight{
	padding:3px;
	background:#FF7;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

div#helpContents{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:800px;
	height:550px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.help_column{
	display:inline;
	float:left;
	padding:5px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.help_column ul li{
	list-style: none inside;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.related_header{
	font-size:12px;
	margin-bottom:10px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.related_ul{
	margin-top:10px;
	font-size:10px;
	padding:0px;
	list-style-type: none;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.related ul li{
	border-bottom:1px dashed #eee;
	margin-bottom:5px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

.related ul li a{
	text-decoration:none;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

/*************** Input Buttons *****************/
p.buttons input {
	border:none;
	margin-right:10px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair {
	position: relative;
	background:#fffbbb;
	width:400px;
	xborder-bottom:1px solid #888;
	xborder-right:1px solid #888;
	margin-bottom:5px;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair input {
	left: 5px;
	position: absolute;
	top: 8px;
	cursor:pointer;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair label {
	display: block;
	padding:10px;
	padding-left:30px;
	width: auto;
	cursor:pointer;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 

p textarea{
	width: 400px;
	height: 200px;
	border:1px solid #555; 
	font-size: 12px; 
	color: #333; 
	text-decoration: none; 
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/modal_help.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */
  .chooser{
    height:350px;
    background:#f5f5f5;
    border:1px solid #aaa;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser ul li{
    line-height:20px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_left{
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_right{
    overflow-x:auto;
    overflow-y:hidden;
    height: 350px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu{
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  
  .chooser ul li a .count{
    float:right;
    margin-right: 20px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  
  .chooser_menu ul{
    width: 100%;
    list-style:none;
    margin:0;
    padding:0 5px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav{
    overflow:visible;
    white-space:nowrap;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu ul li a{
    display:block;
    background:  url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
    text-decoration:none;
    
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu ul li a.selected{
    display:block;
    background: #fff url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  
  .chooser_menu ul li.loading, .chooser_lists ul li.loading{
		background: url(/images/spinner.gif) no-repeat 99% 50%;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 

  .chooser_menu ul.tabnav{
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav li a{
    background: #eee;
    background-image: none;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav li a.active{
    background: #f5f5f5;
    background-image: none;
    border-bottom-color:#f5f5f5;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  
  .chooser_lists{
    clear:both;
    width: 50px;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  
  .chooser_lists ul{
    width: 200px;
    float:left;
    margin: 0;
    padding: 0;
    height: 335px;
    overflow: auto;
    overflow-x: hidden;
    border-left: 1px solid #ccc;
    background: #e5e5e5;    
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_lists ul li a, .chooser_lists ul li span{
    display:block;
    background:url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
    text-decoration:none;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_lists ul li div a,.chooser_lists ul li div span{
    display:inline;
    background:  transparent;
    padding:0;
    text-decoration:none;
    
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_lists ul li span{
	  background:none;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 

  .chooser_lists ul li a.selected{
    background: #fff url(/images/chooser_arrow.png) no-repeat right 50%;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_lists ul li a:hover{
    background-color: #eee;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_lists ul li div a:hover{
    background-color:transparent;
    text-decoration:underline;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> chooser.css */ 
  .chooser_detail{
    background:#ddd;
    float: left;
    width: 362px;
    height: 335px;
    overflow: auto;

  }/* designmode.css >>> app_base.css >>> uploader.css */
.uploader-wrapper .upload-list {
  margin-top: 1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> uploader.css */ 

.uploader-wrapper .upload-list li {
  list-style: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> uploader.css */ 

.uploader-wrapper .ui-sortable li {
  cursor: move;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> uploader.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */    ul.radio {
      margin: 0;
      padding: 0; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */ 
      ul.radio li {
        list-style: none;
        float: left;
        margin-right: 1em;
        width: 100px;
        color: #444;
        font-weight: bold;
        cursor: pointer; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */ 
        ul.radio li.selected {
          color: black; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */ 
        ul.radio li.selected .thumbnail {
          border: 2px solid white;
          opacity: 1;
          -moz-opacity: 1;
          -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75);
          -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75); }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */ 
        ul.radio li:hover .thumbnail {
          border: 2px solid white;
          opacity: 1;
          -moz-opacity: 1; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> ul_radio.css */ 
        ul.radio li .thumbnail {
          height: 100px;
          width: 100px;
          overflow: hidden;
          background: #f5f5f5;
          border: 2px solid #eeeeee;
          opacity: 0.5;
          -moz-opacity: 0.5;
          -moz-user-select: none;
          -webkit-user-select: none;
          user-select: none; }/* designmode.css >>> app_base.css >>> fancyform.digication.css */.fancyform label{
  display: block;
  padding: 0.5em;
  padding-left: 32px;
  background-position: 8px center;
  background-repeat: no-repeat;
  clear: both;
  cursor: pointer; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
  .fancyform label:hover {
    color: #679112; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
.fancyform .checked {
  color: #77a715;
  background-image: url(/images/checkbox_on.png); }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
.fancyform .unchecked {
  background-image: url(/images/checkbox_off.png); }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
.fancyform .selected {
  color: #77a715;
  background-image: url(/images/rdo_on_large.png); }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
.fancyform .unselected {
  background-image: url(/images/radio_off_large.png); }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
  .nonbold{font-weight:normal}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> fancyform.digication.css */ 
/* designmode.css >>> app_base.css >>> suggest.css */ul.suggest{
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> suggest.css */ 
  ul.suggest li{
    margin-bottom:.25em;
    padding:.25em;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> suggest.css */ 
  ul.suggest li.active{
    background:#eee;
    color:#000;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> suggest.css */ 
  ul.suggest li.active a:hover{
    background:#eee;
    color:#000;
  }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> suggest.css */ 
/* designmode.css >>> app_base.css >>> label_nested.css */  label.nested {
    background: white;
    padding: 0.75em;
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #444;
    width: 100%;
    display: block;
    margin-top: -1em; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> label_nested.css */ 
    label.nested input[type=text] {
      margin: 0 0 0 -0.25em;
      background: none;
      padding: 0;
      border: none;
      display: inline;
      right: 0;
      width: 570px;
      outline: none; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> label_nested.css */ 
      label.nested input[type=text]:focus {
        border-bottom: 1px dotted #cccccc; }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> label_nested.css */ 
        
        .info{font-size:11px; color:#444}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.displayLabelAsBlock {
	display: block;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.headerLevelOneShrink {
	font-size: 18px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.headerLevelTwoShrink {
	font-size: 14px;
	font-weight: bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.headerLevelThreeShrink {
	font-size: 12px;
	font-weight: bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#welcome_box_msg_heading {
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#welcome_box_msg_section {
	margin-top: 16px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.welcome_box_msg_span {
	margin-top: 16px;
	margin-bottom: 16px;
	display: inline-block;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#login_page_intro_video {
	padding-top: 22px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


body.popup{display:table;width:100%;zoom:1.0}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

/*
    ******************************************************************
    *                 Accessible focus
    ******************************************************************
*/
[tabindex="-1"]:focus {
	outline: 0 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


a:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


button:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


input:focus,
select:focus,
textarea:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

/*
	******************************************************************
	* 				app specific blueprint mods          
	******************************************************************
*/

.box{
	background:#eee;
	border-top:.25em solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:.25em solid #f8f8f8;
	margin-bottom:.25em;
	padding:1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/*	
	******************************************************************
	* 				app specific element styling          
	******************************************************************
*/
body{
	background:#ddd;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

/*	
	*********************************
	* links
	*********************************
*/
a:link{
	color:#000;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

a:visited{
	color:#000;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

a:hover{
	color:#888;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

a:active{
	color:#888;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

/* Small "cancel" and "delete" links*/
a.cancel{
	font-size:.75em;
	color:#f00;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

a.delete{
	font-size:.75em;
	color:#f00;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/*	
	*********************************
	* tables
	*********************************
*/
/*
table, tr, td,.mceItemTable, .mceItemTable tr, .mceItemTable td{
  border-style:solid;
  border-color:#DDD;
  border-collapse:collapse;
}
*/

.old-table-style table,
.old-table-style tr,
.old-table-style td,
table.default-style,
table.default-style tr,
table.default-style td {
    border-style:solid;
    border-color:#DDD;
    border-collapse:collapse;
    border-spacing: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/*table{
  border:1px solid #ddd;
  border-collapse:collapse;
}
table th{
  background:transparent;
  color:#555;
}
tr{
  background:transparent;
}
tr.odd td  { background:#fff; }

tr.even td  { background:#fff; }

table td{
  border:1px solid #ddd;
}*/
table.noborder,
table.noborder td,
table.noborder th{
	border:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/*	
	******************************************************************
	* 				app specific classes          
	******************************************************************
*/


/* Portfolio Styling */
.portfolio_holder{
	padding:0 1em 0 0;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.portfolio_content img{
	 margin-right:10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.portfolio_content small{
	 color:#444;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.portfolio_content a{
/*	text-decoration:none;*/
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.portfolio_odd, .portfolio_even{
	float:left;
	width:50%;
	background:#fff;
	border-bottom:.25em solid #e7e7e7;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.portfolio_odd{
	margin:0 .5em .75em 0px;
	clear:left;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.portfolio_even{
	margin:0 -1em .75em .5em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.one_column {
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.one_column .portfolio_odd, 
.one_column .portfolio_even{
	width:100%;
	margin:0 0 1em 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.portfolio_content{
	padding:10px;
	border-bottom:1px solid #aaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



/*	
	*********************************
	* lists
	*********************************
*/
ol{
	list-style: decimal inside;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


ol li{
	margin-bottom:0.5em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 





.box .cancel{
	font-size:.75em;
	color:red;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

/* Title Classes */

.title h4{
	margin-bottom:.5em;
	padding:5px;
	color:#333;
	font-weight:bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.title h4 a{
	text-decoration:none;
	color:#555;	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.title h2{
  font-size: 120%;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

	
	
	
	/* Dashboard Notifications */
	div.bubble {
		width: auto;
		font-size: 0.8em;
		margin-bottom: 2em;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


	div.bubble blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid #c9c2c1;
		background-color: #fff;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


	div.bubble blockquote p {
		margin: 10px;
		padding: 0px;
		font-style:normal;
		
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

	div.bubble a{
		text-decoration:underline;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

	div.bubble cite {
		position: relative;
		margin: 0px;
		padding: 7px 0px 0px 0px;
		top: 5px;
		background: transparent url(/images/tip.gif) no-repeat 20px 0;
		font-style: normal;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

	
	div.bubble img{
		display:inline;
		margin:0;
		margin-right:.5em;
		padding:0;
		vertical-align:bottom;
	}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


	
	
.pagination {
	text-align:right;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.pagination a {
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.pagination a.selected,.pagination a:hover {
	text-decoration:underline;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



.breadcrumbs h1{
	text-transform:uppercase;
	color: 111;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.breadcrumbs h1 strong{
	text-transform:uppercase;
	color:#333;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 




li div.container.locked,
div.item.locked
 {
	color:#aaa;
	background:#fff url(/images/locked_bg.gif) !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.locked a, .locked a:link,.locked a:visited,.locked h1,.locked h2,.locked h3,.locked h4,.locked h5,.locked h6,.locked span{
	color:#aaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 




.bar_graph_base{
	position:relative;
	height:15px;
	border:1px solid #ccc;
	background:#eee;
	margin-bottom:1em;
	padding:3px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.bar_graph_percentage{
	position:relative;
	height:100%;
	background:#c9daa3;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.bar_graph_base small{
	padding-left:.5em;
	position:absolute;
	color:#555;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.final_rubric{
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/* File Uploader*/
span.file-info{
	color:red !important;
	background:#FFD8C4 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

ul#file-list {
	margin:1em 0;
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

li.file{
	list-style: none;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:.5em 0;
	margin-top:-1px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

span.file-size{
	font-size:smaller;
	color:#aaa;
	margin-right:1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

a.file-remove{
color:red;
font-size:smaller;
margin-right:1em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


span.file-name{

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



#preview_about{
	margin: 2em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.block_preview {
	margin: 2em;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

div#directory_schools_list a.featured:hover, div#directory_schools_list a.featured:visited, div#directory_schools_list .featured {

color:#FF3300;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



.single_col .portfolio_odd,
.single_col .portfolio_even{
	width:100% !important;
	margin-left:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

body.widget .single_col{
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

body.widget{ height:100%;background-color:#ddd}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



.admin_settings .formleft {
	font-weight: bold;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#terms_conditions li h5 {
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


input[type="text"].loading {
	background-image: url("/images/spinner.gif");
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.ajax-loading {
    pading:2px;
    width:22px; height:22px;
	background: url("/images/spinner.gif");
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


button.button_as_link {
  border:0 !important;
  background-color:transparent;
  text-decoration: underline;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


button.button_as_link:hover {
  border:0 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


/* suggested tags in comment module */
#suggested-tags {
    position: relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags li {
    cursor: pointer;
    margin: 4px;
    padding: 4px;
    background: #DDE5EC;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags li:hover {
    background: #ede8e8;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap {
    border: 1px #ccc solid;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap li {
    float:left;
    white-space: nowrap;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags li.text {
    background: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags li input {
    width: 150px;
    border: #fff;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .select {
    overflow: auto;
    position: absolute;
    width: 200px;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px #ccc solid;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .select li {
    display: block;
    float: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .select li.active {
    background: #ede8e8;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .select .highlight {
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap li img {
    vertical-align: -4px;
    margin-left: 4px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap input {
    border: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .input-wrap input:focus {
    outline: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .highlight {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .highlight li {
    float: left;
    white-space: nowrap;

}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#suggested-tags .hide, #suggested-tags .disabled {
    display: none !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.email-verified-marker { 
    background: transparent url(/images/icons/yes.png) no-repeat; 
    padding-left:20px; color: 
    #00C000; 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.email-unverified-marker { 
    background: transparent url(/images/icons/no.png) no-repeat; 
    padding: 2px 0 2px 20px;
    color: #C00000; 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.email-unverified-explain {
    color: #C00000; 
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#system-notification {
    position: relative;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#system-notification .close {
    position: absolute;
    right: 5px;
    top: 0;
    text-decoration: none;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#system-notification ul {
    margin: 0;
    margin-left: 20px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#system-notification ul li {
    list-style-image: url("/images/alt_icon_alert.gif");
    margin-bottom: 10px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#site_headerimage .site_headerimage_title {
	font-size: 150%;
	position: absolute;
	margin:0;
	padding:0;
	top: 20px;
	left: 120px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

#site_headerimage .site_headerimage_title.davis {
	top: 40px;
	left: 60px;
	color:white;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.dashboard_module_title {
	font-size: 100%;
	margin: 0;
	padding:0;
	vertical-align: baseline;
	line-height: 18px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.dashboard_module_title a{ text-decoration: none;}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.dashboard_module_title + .dashboard_module_title {
	margin-right: 5px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


label.revert{
  font-weight:normal;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.screenreader 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
margin-right: none;
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#skip-to-content a
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


#skip-to-content a:focus {
	left: 0;
	top: -3px;
	width: auto;
	height: auto;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


th {
  vertical-align: bottom;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 


.table-container
{
    /* this will give container dimension, because floated child nodes don't give any */
    /* if your child nodes are inline-blocked, then you don't have to set it */
    overflow: auto;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

    .table-container .head
    {
        /* ADDED FOR ROTATION POINT */
        vertical-align: top;        
        /* float your elements or inline-block them to display side by side */
        REMOVEDdisplay: inline-block;
        /* these are height and width dimensions of your header */
        height: 15em;
        max-width: 1.5em;
        /* set to hidden so when there's too much vertical text it will be clipped. */
        overflow: hidden;
        
        /* these are not relevant and are here to better see the elements */
        background: #eee;
        REMOVEDmargin-right: 1px;
    }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 

        .table-container .head .vertical_header
        {
            /* line height should be equal to header width so text will be middle aligned */
            line-height: 1.5em;
            /* setting background may yield better results in IE text clear type rendering */
            background: #eee;
            display: block;
            
            white-space: nowrap;
            padding-left: 5px;
            padding-top: 5px;
 
            /* rotate for crapIE*/
            writing-mode: tb-rl;
            filter: flipv fliph;
            
            /* CSS3 specific totation code */
            /* translate should have the same negative dimension as head height */
            transform: rotate(270deg) translate(-15em,0);
            transform-origin: 0 0;
            -moz-transform: rotate(270deg) translate(-15em,0);
            -moz-transform-origin: 0 0;
            -webkit-transform: rotate(270deg) translate(-15em,0);
            -webkit-transform-origin: 0 0;
        }
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 



/* designmode.css >>> app_base.css >>> app/colors.css */

body{
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.image_holder{
	position:relative;
	width:100px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.image_holder img{
	position:relative;
	width:95% !important;
	height:100% !important;
	left:3%;
	margin:0 !important;
	padding:0 !important;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.image_holder img.shadow{
	position:relative;
	width:100% !important;
	top:-8px;
	left:0% !important;
	margin:0 !important;
	padding:0 !important;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.image_holder a{
	position:relative;
	margin:0;
	padding:0;
	color:#000000 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

.item{
	background-color: #ffffff !important;
	color: #000000 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.narrow_left h6{
	padding:.5em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.narrow_left{
	background-color: #eeeeee !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.box{
	background-color: #eeeeee !important;
	border-top:0px solid #aaaaaa !important;
	border-right:1px solid #eeeeee !important;
	border-left:1px solid #eeeeee !important;
	border-bottom:1px solid #cccccc !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 



div.table .title, div.table .title h6, div.graph .title, div.graph .title h6{
	border-bottom:none !important;
	margin:0!important;
	padding:0!important;
	clear:both;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

table th {
	background:#cccccc;
	color:#000000}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
/*----------------*/
/* Default Tables */
/*----------------*/

.bar{
	background:#cccccc;
	color:#555555 !important;
	padding:.5em !important;	
	margin:0;
	padding:.25em;
	border:none;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.bar .dashboard_module_title,
.bar strong {
	font-size:1em;
	margin-top:.25em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.bar strong a{
	color:#555555;
	text-decoration:none;
	font-weight:normal;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

.bar a.button{
	border:none;
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

.bar a img{
	vertical-align:bottom;
	margin:0;
	padding:0 .5em .25em 0;
	display:inline;
	height:12px;
	width:12px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.bar h6{
	margin:0;
	padding:.25em;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.bar img{
	display:inline;
	vertical-align:top;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table{
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.table h6 a{
	text-decoration:none;
	font-size:1em;
	color:#555555;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table a.tab, div.graph a.tab, div.bar a.tab{
	color:#555555;
	background-color:#eeeeee;
	margin:0 0.583em 0 0;
	padding:5px 7px 2px 7px;   /* Links */
	border:none !important;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:60% !important;
	line-height:1em;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.table a.tab:hover, div.graph a.tab:hover,div.bar a.tab:hover{
	background-color:#aaaaaa;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.table a.tab.active, div.graph a.tab.active, div.bar a.tab.active{
	background-color:#cccccc;
	color:#555555;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.table table{
	border:none !important;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.table table{
	font-size:90%;
	border:collapse !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table table th{
	background-color:#cccccc !important;
	color:#000000 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table table th input[type=text] {
    width: 100%;
    margin: 0;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table table tr{
	border:none !important;
	border-bottom:1px solid #999999 !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table table tr.odd td{
	 background:#eeeeee !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

div.table table tr:hover td,div.table table tr.active td{
	background:#bcd18d !important;
	border-bottom:1px solid #aaaaaa !important;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 


/* ------ Pie Charts ------*/
.pie {
background-image:url(/images/pie_50px_100percent.gif);
display:block;
height:50px;
margin:1em;
padding:0pt;
width:50px;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

/* ------ Vertical Bar Graphs ------*/

.graph_vertical{
  font:0.8em Arial;
  width:100%;
  color:#999999;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
div.caption{
	position:relative;
	margin-bottom:-2.5em; 
	height:2.5em;
	width:auto;
	background:#000 !important; 
	opacity: 0.72;
	-moz-opacity: 0.72;
	filter:alpha(opacity=72);
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.graph_vertical th{
	background:#cccccc;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.graph_vertical td{
  padding:0;
  padding:5em 1em 0em 1em;
  margin:0;
  vertical-align:bottom;
  text-align:center;
  background:#eee url(/images/graphbg.gif) 15px bottom;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 

.graph_vertical td:hover{
  	font-weight:bold;
	background:#ffffff 15px bottom;
	cursor:pointer;
	color:#000000;
	
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.graph_vertical img{
	border-top:1px solid #c9daa3;
	
	border-right:1px solid #999999;
  	display:block;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 
.graph_vertical td:hover img{
	border-top:1px solid #c9daa3;
	border-right:1px solid #cccccc;
  	display:block;
}
/* designmode.css */ 
/* designmode.css >>> app_base.css */ 
/* designmode.css >>> app_base.css >>> app/colors.css */ 



/* designmode.css >>> portfolio.css *//* portfolio specific css files */
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */#header_container .tabnav {
	font-size:1.1667em;
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* ===================== */
/* = Inline Navigation = */
/* ===================== */
.navigation a{
	font-size:.9em;
	font-weight:bold;
	color:#444;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation a:hover{
	font-size:.9em;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

ul.navigation{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

ul.navigation li {
	margin-left: 0;
	padding: 3px 5px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

	
		
ul.navigation li:first-child {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

	


.module .content{
    border-top:1px solid #ddd;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 



/* vtabnav */

#add_module_accordion h3.toggler {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: .9em;
	cursor: pointer;
	background:#ddd;
	padding:5px;
	border-right:1px solid #aaa;
	border-right:1px solid #ccc;
	border-bottom:none;
	color:#555;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


#add_module_accordion h3.toggler:hover{
	cursor: pointer;
	background:#ccc;
	color:#555;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 



.vtabnav
	{
		margin: 0;
		padding:0;
		font-size: 10px;
		font-weight: bold;
		border-top: 1px solid #ccc;
		
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.vtabnav li
	{
		margin: 0; 
		padding: 0 0 0 5px;
  		list-style-type: none;
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.vtabnav a, .vtabnav a:visited
	{
		border: 1px solid #ccc;
		border-top:0px;
		border-left:0px;
		margin:0;
		display:block;
		text-decoration: none;
		color: #666;
		white-space: nowrap;
		padding:0;
		overflow:hidden;
		cursor:pointer;
		padding:2px 4px;
		background: #f3f3f3;

	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

	
.vtabnav a.active, .vtabnav a:visited.active
	{
		border-right: 1px solid #fff;
		background-color: #fff;
		color: #000;
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.vtabnav a:hover, .vtabnav a:visited:hover
	{
		background-color: #fff;
		color: #000;
	}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

div.vtabcontent {
	background-color:#fff;
	border:solid #ccc;
	border-width:0 1px;
	margin:0 -1px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* file uploader*/

.upload-status
{
	padding:				10px 15px;
	width:					280px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.upload-status fieldset
{
	padding:				0.5em 1em;
	border:					none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.upload-status legend
{
	display:				block;
	font:					1.2em bold Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.upload-status .progress
{
	background:				white url(/images/progress-bar/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.upload-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.list
{
	list-style:				none;
	overflow:				auto;
	width:					280px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.list li.file
{
	border-bottom:			1px solid #eee;
	padding:				1em 0;
	overflow:				auto;
	background:				url(/images/uploader/file.png) no-repeat 4px 4px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file.uploading
{
	background-image:		url(/images/uploader/uploading.png);
	background-color:		#D9DDE9;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file.success
{
	background-image:		url(/images/uploader/success.png);
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file.failed
{
	background-image:		url(/images/uploader/failed.png);
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	font-weight:			bold;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file .file-size
{
	margin-right:			1em;
	float:					right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file .file-info
{
	display:				block;
	margin-left:			44px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.list li.file .file-options
{
	display:				none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.tooltip_content{
	border:1px solid #444;
	background:#eee;
	color:#444;
	padding:5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.edit_mode .module_content {
	padding-top:10px;
	border:1px solid #ccc;
	border-top:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.no_toolbar .module_content {
	border:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

#module_topnav {
	border:1px solid #ccc;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.edit_mode #module_topnav {
	border:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.edit_mode .navigation_topnav{
	border-top:1px solid #eee;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.preview_mode #no_content,
.preview_mode .edit_controls,
.preview_mode .toolbar,
.preview_mode .no_preview{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


div#underconstruction,
div#nocontent {
	border:1px solid #d5d5d5;
	padding:2em;
	margin:1em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

div#underconstruction p,
div#nocontent p{
	text-align:center;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
	font-weight:bold;
	color:#6b7173;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

div#nocontent a,
div#nocontent a:hover,
div#nocontent a:visited{
	color:white;
	background-color:#f30;
	border: 1px solid #d5d5d5;
	padding:2px 25px;
	font-size:0.8em;
	line-height:1em;
	margin-bottom:1em;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.grayform {
	background-color:#eee;
	border:1px solid #eee;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.formadvanced{
	border:1px dotted #ccc;
	border-left:none;
	border-right:none;
	padding:10px 0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.edit_controls .inline_dialog_buttons {
	margin-top:10px;
	text-align:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* elements */
/* text element*/
textarea.mceEditor{
	display:block;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

/* media element*/
.preview_mode .default_media,
.published_mode .default_media {
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* modules */
.module_panel {
	padding:5px 10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.tabnav a.handle,
.tabnav a.handle:visited {
	float:right;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	padding: 3px 4px 3px 4px;
	border:0;
	cursor:default;
	clear:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.draggable .tabnav a.handle {
	cursor:move;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.tabnav a.handle span {
	padding: 2px 5px 3px 5px;
	color:#575757;
	background-color:#575757;
	border:1px solid #f5f5f5;
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.tabnav .draft{
	color:#f00;
	font-weight:normal;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.draggable .tabnav a.handle span {
	color:#575757;
	background-color:#f5f5f5;
	border:1px solid #eee;	
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.drag-disabled .tabnav a.handle {
    opacity: .5;
    cursor: default;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* navigation */
.add_section {
	margin: 5px 0 5px 0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav {
	background-color:#F7F7F7;
	padding:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav ul,
.navigation_topnav li {
	margin:0;
	padding:0;
	list-style-type:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav li {
	display:-moz-inline-box;
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav a{
	color: #000000;
	font-size: 10.5px;	
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 18px;
	border-left: 1px solid #ccc;
	padding: 0 .4em 0 .6em;
	padding-right:0;
	margin-left:.5em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav a:hover span{
	text-decoration:underline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_topnav .first a{
	padding-left:0;
	border-left:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_topnav a.selected{
	text-decoration: underline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_topnav img {
	margin:0;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_leftnav {
	padding:10px
	
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav h4 a,
.navigation_leftnav h4 a:hover{
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom:0.25em;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav h4 a[href]:hover{
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_leftnav ul {
	margin:0;
	padding-left:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav li{
	list-style-type:none;
	
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav a{
	color:#000;
	text-decoration:none;
	font-size: 10.5px;
	line-height:12px;
	margin-bottom:0.5em;
	*margin-bottom:.1em;
	display:block;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav span.selected,
.navigation_leftnav a.selected,
.navigation_leftnav a:hover{
	text-decoration:underline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_leftnav img{
	float:right;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_preview img{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_edit a, .navigation_edit a:hover, .navigation_edit a:link{
	border-bottom:1px dashed #ddd;
	cursor: move;
	text-decoration:none;
	*margin-bottom:.5em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_edit li{
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	line-height:1em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_preview .drafts{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_edit .drafts{
	color:red;
	font-size:8px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_edit img{
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_explain  {
	position:relative;
	margin:1em 0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_explain p {
	width:450px;
	color:#000;
	margin:1px;
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_explain ul {
	margin:0;
	padding:0;
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_explain li {
	list-style:disc inside;
	padding-left:20px;
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.navigation_explain h4{
	text-align:left;
	background-color:#CCCCCC;
	color:#666666;
	font-size:12px;
	margin:4px;
	padding:4px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.navigation_hidden,
.navigation_hidden a,
.navigation_hidden a:visited{
	font-style:italic;
	color:#666;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.published_mode .navigation_hidden,
.preview_mode .navigation_hidden{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* text */
.text_form {
	margin-top:1em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.text_form textarea {
	width:100%;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

/* media */
.m_media .edit_media_btn, .m_media .large_video_upload_btn {
	background-image: url(/images/icons/edit.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px;
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

/* slideshow */
.m_slideshow .slideshow_thumbnails li.next { margin-top:-18px; float:right }
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

/*tell safari to display it properly and ignore the fix for bad css interpretations*/
.m_slideshow .slideshow_thumbnails:last-child:not(:root:root) li.next { margin-top:0 }
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.m_slideshow .add_media_btn {
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .edit_slide_btn {
	background-image: url(/images/icons/edit.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow img{
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbnails {
	padding:0 10px;
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow ul.empty {
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .slideshow_thumbsnone{
	width:500px;
	margin:0 auto;
	text-align:center;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .slideshow_thumbstop{
	width:518px;
	margin:0 auto;
	margin-bottom:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .slide {
	padding-left:14px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.slideshow_thumbnails li{
	display:inline;
	list-style:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbsnone a{
	color:#000;
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbsnone li.selected a,
.slideshow_thumbsnone li a:hover{
	text-decoration:underline;
	font-weight:bold;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbstop{
	white-space:nowrap;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbstop a,
.slideshow_thumbsleft a {
	height:60px;
	width:60px;
	padding:2px;
	border:2px solid #fff;
	margin:0 0 0 0 ;
	overflow:hidden;
	float:left;
	vertical-align:top;
	text-decoration:none;
	position:relative;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbstop li a{
	margin-right:5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbstop li.last a{
	margin-right:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbstop li.selected a,
.slideshow_thumbstop a:hover,
.slideshow_thumbsleft li.selected a,
.slideshow_thumbsleft a:hover {
	border:2px solid #ccc;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbsleft li ,
.slideshow_thumbsleft a {
	display:block;
	clear:left;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_thumbsleft {
	width:70px;
	float:left;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.slideshow_edit  {
	padding:0;
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit li {
	padding:5px 0 0 70px;
	*padding-top:15px;
	list-style:decimal inside;
	vertical-align:top;
	border:1px solid #ccc;
	margin-bottom:10px;
	position:relative;
	font-size:12px;
	line-height:12px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .draggable li {
	cursor:move;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .topcontent {
	position:relative;
	padding:0 5px 5px 25px;
	height:61px;
	margin-top:-14px;
	text-align:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.slideshow_edit .topcontent a{color:#000}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.slideshow_edit .editing  {
	border-color:#666;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .editing .topcontent {
	margin-top:0;/*fixes safari*/
	background: url(/images/tab_bottom.gif) repeat-x bottom
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit button {
	cursor:pointer;
	margin-bottom:5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .thumbnail {
	position:absolute; 
	left:0;
	top:0;
	height:60px;
	width:60px;
	overflow:hidden;
	margin:5px 5px 5px 5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .info {
	display:inline; 
	position:absolute; 
	right:0;
	bottom:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .info .active{
	margin-bottom:0;
	padding-bottom:10px;
	background-color:#fff;
	border:1px solid #ccc;
	border-bottom:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .drag {
	display:none;
	color: #666;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_slideshow .draggable .drag {
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .slide_edit {
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_edit .editing .slide_edit {
	display:block;
	margin-left:-70px;
	margin-top:-1px;
	border-top:1px solid #ccc;
	background-color:transparent;
	padding:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_layout {
	display:inline;
	margin:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_layout li{
	list-style:none;
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_layout li a,
.slideshow_layout li label{
	float:left;
	border:1px solid #fff;
	margin:2px;
	padding:2px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_layout li a{
	width:34px;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.slideshow_layout li a.active,
.slideshow_layout li a:hover{
	border:1px solid #ccc;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

/* comments */

.m_comments .txtbox,
.m_comments .txtarea{ border:#CCCCCC solid 1px;}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .chkbox{}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .txtbox,.txtarea{ border:#CCCCCC solid 1px;}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .button{

}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments{
	text-align:left;
	padding:2px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .left input.txtbox,
.m_comments .left textarea.txtarea{
	margin-left:20px;
	width:340px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .left{
	width:380px;
	line-height:20px;
	float:left;
	
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .right{
	margin-right:0px;
	width:380px;
		line-height:20px;
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments h1{
	background-color:#cccccc;
	font-size:12px;
	color:#FFFFFF;
	padding:2px 6px;

}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .lefttxt{
	float:left;
	padding-top:4px;
	margin-bottom:5px;
	width:80px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.m_comments .righttxt{
	padding-top:4px;
	margin-bottom:5px;
	float:right;
	width:280px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.Feedback_Inside_box{
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments ol{
	list-style:none;
	margin-bottom:10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments li{
	margin-top:5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments li h2{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:2px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments li p{
	color:#000000;
	padding-left:16px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .comment_list li{
	border-bottom:1px solid #d5d5d5;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .comment_timestamp{
	text-align:right;
	color:#b5b5b5;
	font-size:90%;
	padding-right:4px;
	font-style:italic;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .comments_toggle, 
.m_comments .comments_toggle a {
	padding:5px;
	text-align:right;
	color:#b5b5b5;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.comment_controls a{
	float:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .preview .show_in_edit,
.m_comments .preview .comment_controls,
.m_comments .preview .unpublished{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .manage .show_in_preview,
.m_comments .manage .comment_tags,
.m_comments .manage .comment_tags,
.m_comments .manage .left{
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.m_comments .manage .right{
	width:100%;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.edit_mode .comments_toggle {
	display:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 



.dark_gray_header{
	padding:0 0 0 .5em;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #ddd;
	margin-bottom:2px;
	background:#eee;
	height:23px;
	clear:none;
	text-align:middle;
	color:#575757;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 








/* old stuff */

.spot_page_content{
	text-align:left;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.spot_page_content ul{
	margin-left:15px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.spot_page_content li{
	list-style-position:inside;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.project_left {
float: left;
padding: 5px 5px 5px 5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.project_right {
float: right;
padding: 5px 5px 5px 5px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


table.multi_nav {
	width:480px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.multi_nav td.multi_nav_left {
	text-align:left;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.multi_nav td.multi_nav_right {
	text-align:right;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.multi_nav td.multi_nav_center a {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.multi_nav a.selected {
	font-weight: bold;
	text-decoration: underline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.multi_nav a.unselected {
	font-weight: normal;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


table.inlineblock {
	border-collapse:collapse;
	padding:0;
	border:0;
	display:inline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projecth {
	padding:0;
	position:relative;
	width:510px;
	margin: 5px -4px 5px -4px;
	margin-left:-7px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projecth tr {
	margin-left:-30px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projecth td {
	width:68px;
	padding:4px 0 4px 0;
	text-align:center;
	border:2px solid #fff;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projecth td a,
table.projecth td img{
	margin:0;
	padding:0;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projectv td.selected,
table.projecth td.selected {
	border:2px solid #999;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

table.projectv td {
	padding:3px;
	border:2px solid #fff;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


table.ribts td,
table.ribts th {
padding:2px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.spot_page_content input.email, input.subject, input.message, textarea {
    width:300px;
	border: 1;
	border-style : solid;
	padding: 2px;
	margin: 2px 2px 10px 2px;
	border-width: 1px;
	border-color : #ccc;
	font-size:10px;
	color: #000;
	font-family:verdana,arial,sans-serif;
	background:#FFFFFF;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.modal_container label{
	width:100px;
	display: inline-block;
	display: -moz-inline-box;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.modal_container input, .modal_container textarea, .modal_container select {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:100%;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.modal_container .submit{
	
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


dl.twocolumn dd {
	margin:0px
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

dl.twocolumn dt {
	float:left;
	width:12em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

dl.twocolumn dt {
	padding-top:6px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 





/* BUTTONS */
button img, a.button img{
	vertical-align:baseline;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


.dragClass{
	background:#FFF6BF !important;
	border:1px dashed #FF3300 !important;
	list-style:none !important;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

.dragClass *{
	visibility:hidden !important;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/* tooltips */
div .tip{
	background:#000;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding:1px 3px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 

#portfolioright .textelement img{
padding:0 10px;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
/* designmode.css >>> portfolio.css >>> portfolio/modules.css */ 


/*Removed the paragraph formatting due to everyone compentsating for it... :/ */
/*.m_text p, .module-draft p{margin-bottom:1em !important;}*/#showhiddenpageslink,
#hidehiddenpageslink,
.sitemaphidden .breadcrumblink,
.navhidden {
	font-style:italic;
	color:#666;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
.leftnav li a.heading {
	font-weight:bold;
	color:#000;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
.leftnav li a.heading:hover{
	text-decoration:none;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
li.heading.edit:hover span.heading{
	cursor:move;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
img.collapseablef {
	margin-right:3px;margin-left:-12px; display:inline; float:left;cursor:pointer
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 


ul.topnav span.edit{
	color:#bbb;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
ul.topnav span.edit:hover{
	color:#555;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
ul.topnav li span{
	white-space:nowrap;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 



ul.leftnav span.edit{
	color:#bbb;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
ul.leftnav span.edit:hover{
	color:#555;
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 

.navigation_preview a.collapseable {
	cursor:pointer;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 


.module-draft-notice{
    display:none;
    color:#FFF;
    background:#D40D12;
    padding:5px;
    font-size: 90%    
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
div.module-draft .module-draft-notice{
	display:block;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 
.m_comments .feedback {
  padding:.5em;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 

#submit-portfolio-modal-box {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    height: 100%;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 

#submit-portfolio-modal-box iframe {
    width: 100%;
    height: 100%;
}
/* designmode.css */ 
/* designmode.css >>> portfolio.css */ 

body{
	background-color:#fff;
	text-align:left;
}
/* designmode.css */ 

/*Removed the paragraph formatting due to everyone compentsating for it... :/ */
/*.m_text p, .module-draft p{margin-bottom:1em !important;}*/