/* -------------------------------------------------------------- 
  
   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,
table, caption, tbody, tfoot, thead, tr, th, td  {   margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; } 
/* only inherit font stuff for form elements */ 
input,textarea,select,optgroup  {   font: inherit; } 
body  { 
  line-height: 1.5;  } 
/* Tables still need 'cellspacing="0"' in the markup. */
table  { border-collapse: separate; border-spacing: 0; } caption, th, td  { text-align: left; font-weight: normal; } table, td, th  { vertical-align: middle; } 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after  { content: ""; } blockquote, q  { quotes: "" ""; } 
/* Remove annoying border on linked images. */
a img  { border: none; } 
/* added mediamatic */
td, th  { vertical-align: top; }
/* -------------------------------------------------------------- 
   
   $Id: grid_dyn.css 49818 2010-09-27 13:27:28Z josias $
   
   * Sets up an easy-to-use grid of 60 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid of blueprint is 950px wide, with 24
   columns spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10

   The generated grid is 830px wide, with 60 columns 
   spanning 4px, and a 10px margin between columns.
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */



/* A container should group all your columns. */
.container  {   width: 830px;
  margin: 0 auto;
 } 
/* Use this class on any div.span / container to see the grid. */
.showgrid  { 
  background: url(src/grid.png);  } 
.container .container  { 	width: auto; } 
/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, .span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48, .span-49, .span-50, .span-51, .span-52, .span-53, .span-54, .span-55, .span-56, .span-57, .span-58, .span-59, .span-60 {   float: left;
  margin-right: 10px;
 } 
/* The last column in a row needs this class. */
.last  { margin-right: 0; } 
/* Use these classes to set the width of a column. */
.span-1 { width: 4px; }
.span-2 { width: 18px; }
.span-3 { width: 32px; }
.span-4 { width: 46px; }
.span-5 { width: 60px; }
.span-6 { width: 74px; }
.span-7 { width: 88px; }
.span-8 { width: 102px; }
.span-9 { width: 116px; }
.span-10 { width: 130px; }
.span-11 { width: 144px; }
.span-12 { width: 158px; }
.span-13 { width: 172px; }
.span-14 { width: 186px; }
.span-15 { width: 200px; }
.span-16 { width: 214px; }
.span-17 { width: 228px; }
.span-18 { width: 242px; }
.span-19 { width: 256px; }
.span-20 { width: 270px; }
.span-21 { width: 284px; }
.span-22 { width: 298px; }
.span-23 { width: 312px; }
.span-24 { width: 326px; }
.span-25 { width: 340px; }
.span-26 { width: 354px; }
.span-27 { width: 368px; }
.span-28 { width: 382px; }
.span-29 { width: 396px; }
.span-30 { width: 410px; }
.span-31 { width: 424px; }
.span-32 { width: 438px; }
.span-33 { width: 452px; }
.span-34 { width: 466px; }
.span-35 { width: 480px; }
.span-36 { width: 494px; }
.span-37 { width: 508px; }
.span-38 { width: 522px; }
.span-39 { width: 536px; }
.span-40 { width: 550px; }
.span-41 { width: 564px; }
.span-42 { width: 578px; }
.span-43 { width: 592px; }
.span-44 { width: 606px; }
.span-45 { width: 620px; }
.span-46 { width: 634px; }
.span-47 { width: 648px; }
.span-48 { width: 662px; }
.span-49 { width: 676px; }
.span-50 { width: 690px; }
.span-51 { width: 704px; }
.span-52 { width: 718px; }
.span-53 { width: 732px; }
.span-54 { width: 746px; }
.span-55 { width: 760px; }
.span-56 { width: 774px; }
.span-57 { width: 788px; }
.span-58 { width: 802px; }
.span-59 { width: 816px; }
.span-60 { width: 830px;  margin: 0;}


/* Add these to a column to append empty cols. */
.append-1 { padding-right: 14px; }
.append-2 { padding-right: 28px; }
.append-3 { padding-right: 42px; }
.append-4 { padding-right: 56px; }
.append-5 { padding-right: 70px; }
.append-6 { padding-right: 84px; }
.append-7 { padding-right: 98px; }
.append-8 { padding-right: 112px; }
.append-9 { padding-right: 126px; }
.append-10 { padding-right: 140px; }
.append-11 { padding-right: 154px; }
.append-12 { padding-right: 168px; }
.append-13 { padding-right: 182px; }
.append-14 { padding-right: 196px; }
.append-15 { padding-right: 210px; }
.append-16 { padding-right: 224px; }
.append-17 { padding-right: 238px; }
.append-18 { padding-right: 252px; }
.append-19 { padding-right: 266px; }
.append-20 { padding-right: 280px; }
.append-21 { padding-right: 294px; }
.append-22 { padding-right: 308px; }
.append-23 { padding-right: 322px; }
.append-24 { padding-right: 336px; }
.append-25 { padding-right: 350px; }
.append-26 { padding-right: 364px; }
.append-27 { padding-right: 378px; }
.append-28 { padding-right: 392px; }
.append-29 { padding-right: 406px; }
.append-30 { padding-right: 420px; }
.append-31 { padding-right: 434px; }
.append-32 { padding-right: 448px; }
.append-33 { padding-right: 462px; }
.append-34 { padding-right: 476px; }
.append-35 { padding-right: 490px; }
.append-36 { padding-right: 504px; }
.append-37 { padding-right: 518px; }
.append-38 { padding-right: 532px; }
.append-39 { padding-right: 546px; }
.append-40 { padding-right: 560px; }
.append-41 { padding-right: 574px; }
.append-42 { padding-right: 588px; }
.append-43 { padding-right: 602px; }
.append-44 { padding-right: 616px; }
.append-45 { padding-right: 630px; }
.append-46 { padding-right: 644px; }
.append-47 { padding-right: 658px; }
.append-48 { padding-right: 672px; }
.append-49 { padding-right: 686px; }
.append-50 { padding-right: 700px; }
.append-51 { padding-right: 714px; }
.append-52 { padding-right: 728px; }
.append-53 { padding-right: 742px; }
.append-54 { padding-right: 756px; }
.append-55 { padding-right: 770px; }
.append-56 { padding-right: 784px; }
.append-57 { padding-right: 798px; }
.append-58 { padding-right: 812px; }
.append-59 { padding-right: 826px; }


/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 14px; }
.prepend-2 { padding-left: 28px; }
.prepend-3 { padding-left: 42px; }
.prepend-4 { padding-left: 56px; }
.prepend-5 { padding-left: 70px; }
.prepend-6 { padding-left: 84px; }
.prepend-7 { padding-left: 98px; }
.prepend-8 { padding-left: 112px; }
.prepend-9 { padding-left: 126px; }
.prepend-10 { padding-left: 140px; }
.prepend-11 { padding-left: 154px; }
.prepend-12 { padding-left: 168px; }
.prepend-13 { padding-left: 182px; }
.prepend-14 { padding-left: 196px; }
.prepend-15 { padding-left: 210px; }
.prepend-16 { padding-left: 224px; }
.prepend-17 { padding-left: 238px; }
.prepend-18 { padding-left: 252px; }
.prepend-19 { padding-left: 266px; }
.prepend-20 { padding-left: 280px; }
.prepend-21 { padding-left: 294px; }
.prepend-22 { padding-left: 308px; }
.prepend-23 { padding-left: 322px; }
.prepend-24 { padding-left: 336px; }
.prepend-25 { padding-left: 350px; }
.prepend-26 { padding-left: 364px; }
.prepend-27 { padding-left: 378px; }
.prepend-28 { padding-left: 392px; }
.prepend-29 { padding-left: 406px; }
.prepend-30 { padding-left: 420px; }
.prepend-31 { padding-left: 434px; }
.prepend-32 { padding-left: 448px; }
.prepend-33 { padding-left: 462px; }
.prepend-34 { padding-left: 476px; }
.prepend-35 { padding-left: 490px; }
.prepend-36 { padding-left: 504px; }
.prepend-37 { padding-left: 518px; }
.prepend-38 { padding-left: 532px; }
.prepend-39 { padding-left: 546px; }
.prepend-40 { padding-left: 560px; }
.prepend-41 { padding-left: 574px; }
.prepend-42 { padding-left: 588px; }
.prepend-43 { padding-left: 602px; }
.prepend-44 { padding-left: 616px; }
.prepend-45 { padding-left: 630px; }
.prepend-46 { padding-left: 644px; }
.prepend-47 { padding-left: 658px; }
.prepend-48 { padding-left: 672px; }
.prepend-49 { padding-left: 686px; }
.prepend-50 { padding-left: 700px; }
.prepend-51 { padding-left: 714px; }
.prepend-52 { padding-left: 728px; }
.prepend-53 { padding-left: 742px; }
.prepend-54 { padding-left: 756px; }
.prepend-55 { padding-left: 770px; }
.prepend-56 { padding-left: 784px; }
.prepend-57 { padding-left: 798px; }
.prepend-58 { padding-left: 812px; }
.prepend-59 { padding-left: 826px; }


/* Border on right hand side of a column. */
.border  {   padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; } 
/* Border with more whitespace, spans one column. */
.colborder  {   padding-right: 11px;
  margin-right: 12px;
  border-right: 1px solid #eee; } 

/* 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: -14px; }
.pull-2 { margin-left: -28px; }
.pull-3 { margin-left: -42px; }
.pull-4 { margin-left: -56px; }


.push-0 { margin: 0 -0px 0 18px; float: right; }
.push-1 { margin: 0 -14px 0 18px; float: right; }
.push-2 { margin: 0 -28px 0 18px; float: right; }
.push-3 { margin: 0 -42px 0 18px; float: right; }
.push-4 { margin: 0 -56px 0 18px; float: right; }


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

/* Use a .box to create a padded box inside a column.  */ 
.box  { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee;  } 
/* Use this to create a horizontal ruler across a column. */
hr  {   background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em;
  border: none;  } 
hr.space  {   background: #fff;
  color: #fff; } 
.clearfix:after, .container:after  {     content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; } 
.clearfix, .container  { display: inline-block; } 
* html .clearfix,
* html .container  { height: 1%; } .clearfix, .container  { display: block; } 
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear  { clear:both; } 
/* skip link */
.skip  { 	display: block;
	left: -9999px;
	position: absolute;
	visibility: hidden; } 
/* footerStickAlt from Men in Blue to get the footer right */

html  { 
	height: 100%; } 

body  { 
	height: 100%;
	margin: 0 0; } 

#wrapper  { 
	position: relative;
	min-height: 100%; } 

* html #wrapper  { 
	height: 100%; } 

#wrapper-content  { 	padding: 0 0 120px 0; } 
#footer  { 	position: relative;
	margin: -90px auto 0;
	padding: 0; } 
.edit-page #footer  { 	margin-top: 16px;
	float: none;
	clear: both; } 
.left  { 	float: left; } 
.right  { 	float: right; } 
.align-justify   { text-align:justify; } 
.align-left      { text-align:left; } 
.align-center    { text-align:center; } 
.align-right     { text-align:right; } 
/* -------------------------------------------------------------- 
   
   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: normal; cursor: pointer; } 

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

input.text, 
input.title,
textarea, 
select  { 	border: 1px solid #bbb;
	margin: 6px 0; } 
input.text-default,
textarea.text-default  { 	color: #bbb } 
input.text:focus, input.title:focus,
textarea:focus, select:focus,
input.text-auto:focus  {   border: 1px solid #666; } 
input.text, 
input.title  { 
  width: 390px; 
  padding: 2px 5px;
  line-height: 17px; /* Safari */ } 
input.text-auto  { 	margin: 3px 0;
	width: auto;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char,
input.date4char  { 	margin: 3px 0;
  	padding: 2px 5px;
  	line-height: 17px; /* Safari */
	border: 1px solid #bbb; } 
input.date2char  { 	width: 38px; } 
input.date4char  { 	width: 46px; } 
input.title    { font-size: 18px; } textarea       { width: 390px; height: 250px; padding: 2px 5px;   line-height:17px;           /* Safari */ } 

.form-item  { 	margin: 0 6px 12px 0;
	padding: 0; } 
	.form-item input  { 		margin: 0 6px 0 0;
		vertical-align: text-top;
 } 
	.form-item label  { 		float: none;
		display: inline;
		width: auto;
		font-size: 13px;
 } 
.form-item-block  { 	margin: 0 0 6px 0;
	padding: 0; } 
	.form-item-block input  { 		margin: 6px 0;
 } 
	.form-item-block label  { 		display: block;
 } 
	input.unfocused  { 		color: #ccc;
 } 	
	input.input-error  { 		color: #f00;
		border: 1px solid #f00 !important;
 } 

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

.error,
.notice, 
.success     { margin: 0 0 18px 0; } 
.notification ul  { list-style: none; margin: 0; } 
li .error,
li .notice, 
li .success     { margin: 0; } 
.error       { color: #ff0000; background: #ffe7e7; } .notice      { color: #514721; background: #FFF6BF; } .success     { color: #5cbb42; background: #e7ffe1; } .form-error  { color: #ff0000; } .error a     { color: #8a1f11; } .notice a    { color: #514721; } .success a   { color: #264409; }