/*
body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }
*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}



/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

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

a img { border: none; }



/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
/* h1, h2, h3, h4, h5, h6, 

pre, code, tt
*/
html, body, div, span, object, iframe,
p, blockquote, 
a, abbr, acronym, address, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


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

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


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

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
/* img         { margin: 0 0 1.5em; } */
img         { margin: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


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

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

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

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

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




/* -------------------------------------------------------------- 
  
  BLUEPRINT CSS
   * Filename:        grid.css
   * Version:         0.6 (2007-09-21) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
  
  Generated by:
   * Blueprint CSS Grid Generator (2007-12-18) [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:            744 px
   * Number of columns:     21
   * Column width:          24 px
   * Margin width:          12 px
  ======================================
   
  By default, the grid is 744px wide, with 21 columns 
  spanning 24px, and a 12px 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. */
.container {
  width: 744px;
  margin: 0 auto;
}


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

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 12px;
}


/* 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: 24px;}
.span-2  { width: 60px;}
.span-3  { width: 96px;}
.span-4  { width: 132px;}
.span-5  { width: 168px;}
.span-6  { width: 204px;}
.span-7  { width: 240px;}
.span-8  { width: 276px;}
.span-9  { width: 312px;}
.span-10 { width: 348px;}
.span-11 { width: 384px;}
.span-12 { width: 420px;}
.span-13 { width: 456px;}
.span-14 { width: 492px;}
.span-15 { width: 528px;}
.span-16 { width: 564px;}
.span-17 { width: 600px;}
.span-18 { width: 636px;}
.span-19 { width: 672px;}
.span-20 { width: 708px;}
.span-21 { width: 744px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 36px;}
.append-2  { padding-right: 72px;}
.append-3  { padding-right: 108px;}
.append-4  { padding-right: 144px;}
.append-5  { padding-right: 180px;}
.append-6  { padding-right: 216px;}
.append-7  { padding-right: 252px;}
.append-8  { padding-right: 288px;}
.append-9  { padding-right: 324px;}
.append-10 { padding-right: 360px;}
.append-11 { padding-right: 396px;}
.append-12 { padding-right: 432px;}
.append-13 { padding-right: 468px;}
.append-14 { padding-right: 504px;}
.append-15 { padding-right: 540px;}
.append-16 { padding-right: 576px;}
.append-17 { padding-right: 612px;}
.append-18 { padding-right: 648px;}
.append-19 { padding-right: 684px;}
.append-20 { padding-right: 720px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 36px;}
.prepend-2  { padding-left: 72px;}
.prepend-3  { padding-left: 108px;}
.prepend-4  { padding-left: 144px;}
.prepend-5  { padding-left: 180px;}
.prepend-6  { padding-left: 216px;}
.prepend-7  { padding-left: 252px;}
.prepend-8  { padding-left: 288px;}
.prepend-9  { padding-left: 324px;}
.prepend-10 { padding-left: 360px;}
.prepend-11 { padding-left: 396px;}
.prepend-12 { padding-left: 432px;}
.prepend-13 { padding-left: 468px;}
.prepend-14 { padding-left: 504px;}
.prepend-15 { padding-left: 540px;}
.prepend-16 { padding-left: 576px;}
.prepend-17 { padding-left: 612px;}
.prepend-18 { padding-left: 648px;}
.prepend-19 { padding-left: 684px;}
.prepend-20 { padding-left: 720px;}



/* Border on right hand side of a column. */
.border{
  padding-right:5px;
  margin-right:6px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:19px;
  margin-right:18px;
  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: -36px;}
.pull-2 { margin-left: -72px;}
.pull-3 { margin-left: -108px;}
.pull-4 { margin-left: -144px;}


.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -36px 0 18px; float: right;}
.push-2 { margin: 0 -72px 0 18px; float: right;}
.push-3 { margin: 0 -108px 0 18px; float: right;}
.push-4 { margin: 0 -144px 0 18px; float: right;}

.push-0, .push-1, .push-2, .push-3, .push-4 { 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: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

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

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


/* -------------------------------------------------------------- 
   
   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; }


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


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


/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

/* CSS Document */

/*
 * Blueprint styles:
 *				 1   2	   3	 4     5    6	  7	 8     9    10	  11	12    13    14	  15	16    17    18	  19	20    21
 *   .span		width: 24px 60px  96px 132px 168px 204px 240px 276px 312px 348px 384px 420px 456px 492px 528px 564px 600px 636px 672px 708px 744px
 *   .append	padding-right: 36px 72px 108px 144px 180px 216px 252px 288px 324px 360px 396px 432px 468px 504px 540px 576px 612px 648px 684px 720px
 *   .prepend	padding-left:  36px 72px 108px 144px 180px 216px 252px 288px 324px 360px 396px 432px 468px 504px 540px 576px 612px 648px 684px 720px
 *
 */


/*********************************************************************************************************
 * Overall Appearance
 */
.wide			{ width: 744px; }

/**** unreset some things from blueprint *****/
body			{ margin-top: 0px; }
td, th			{ border:     0px white none; }
caption			{ background:	white; text-align: right; font-size: 1.25em; font-style:italic}
em			{ background:	white; }
/**** links *****/
a			 { color: #229; text-decoration: none;  }
a:visited		 { color: #429; text-decoration: none;  }
a.unmemorable:visited	 { color: #226; text-decoration: none;  }
a.pops                   { color: #44a; text-decoration: none;  }
a.sekrit                 { color: #222; text-decoration: none;  }

a.tag-1, a.tag-1:visited { color:#119;    text-decoration:none; }
a.tag-2, a.tag-2:visited { color:#229;    text-decoration:none; }
a.tag-3, a.tag-3:visited { color:#333358; text-decoration:none}
a.tag-4, a.tag-4:visited { color:#444450; text-decoration:none}
a.link-external		 {
    background: url(/images/external.png) center right no-repeat;
    padding-right: 13px;
}

a.unmemorable:hover,
a:hover			 { color: #115; background-color:#eef; font-weight: bold }
a.unmemorable:focus,
a:focus 		 { color: #412; background-color: #eef ; font-weight: bold }

/***** Not yet ********/



/**** monospaced *****/
pre, code, tt	{ 
  font:	      		0.9em "consolas", "Bitstream Vera Sans Mono", "Monaco", "monospace";    
  color:		#661111; 
}
/**** headers *****/
h1,h2,h3,h4, h1 a, h2 a, h3 a, h4 a	{
  font-family:	    	"Myriad Pro", "Myriad", "Myriad Web", "Tahoma", "Verdana", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align:	    	center;
  text-decoration:  	none;
  font-weight:	    	bold;
  clear:	    	both; 
}

/*********************************************************************************************************
 * Top Bar
 */
.topbar		{
    margin-bottom: 1em;	width: 100%; padding: 0.25em 0; vertical-align:middle; float: right;
    color: #666; background-color: #eee;  }
div.toplinks     { text-align: right; float: right; margin-right: 1em; }
div.topnav, 
div.topmeta      { float: left; margin: 0 2px;
		   border: solid #ccc ; border-width: 0px 2px; padding: 0px 0.5em }


/*********************************************************************************************************
 * User part
 */
div.user-info		        { margin-right:	 1.5em;	 float: right; }
div.user-info div, 
div.user-info form	        { float:left;	display:inline-block; clear:none;}
div.user-greeting a	        { color: #558;	font-weight: bold;    text-decoration: none; } 
input#user-signinup-name	{ color:#666;	margin-top: 1px;      margin-right: 2px;       }  /* will be darkened by signinbox_magic() */
div.user-signin-buttons input	{ background-color: #eee; height: 2em; border: 1px solid #999;	} 

/*********************************************************************************************************
 * Header
 */
.header-table		{ margin-top: .5em; }
.header-table th, 
.header-table td	{ padding:    2px; }
.rating-box		{ width:      85px; text-align: right; }
.bigshinybutton		{ font-size:  1.5em;  height: 2em; width: 240px; margin-top: 0.75em; margin-bottom: 0.75em;}
.bigshinybutton-box	{ text-align: center; }


/*********************************************************************************************************
 * Tag clouds: sizes and colors
 */
h4.tag-label,
a.tag-1		   {  font-size:1.75em;  }
a.tag-2		   {  font-size:1.375em; }
a.tag-3		   {  font-size:1.0em; }
a.tag-4		   {  font-size:0.75em;  }

/*********************************************************************************************************
 * Infochimp Object styles
 */
/* .desc-main		{ font-weight: bold; font-size: 1.25em; } */
.vevent h4		{ display: inline; }

/* tags */
.tagbox			{ font-size:1.25em; text-align: justify; margin-right:1.0em; margin-left:0.25em; max-height:100em }

/**** we have to turn down the volume on things like headers in textilized fields. ****/
.desc h1		{ font-size:1.500em; text-align:left; }
.desc h2		{ font-size:1.250em; text-align:left; }
.desc h3		{ font-size:1.125em; text-align:left; }
.desc h4		{ font-size:1.000em; text-align:left; display: inline-block; }
/* .desc p		{ margin-bottom: 18px } */

.credits .role		{ width: 11em; }
		  
/*********************************************************************************************************
 * Data sets, fields
 */

.body-section		{ 
  width:		744px; float: left; 
  border-top:		solid gray 1px; 
  margin-bottom:	0em;
  min-height:		6em;
}
.body-section-title	{
  /* width:		60px;	/* with padding makes 64px */
  font-size:		18px;
  margin-bottom:	2px;
  padding:		4px   0px  2px	  4px;	  
  border-left-width:	1px;
  border-bottom-width:	1px;
  border-color:		gray;
  border-style:		solid;
  text-align:		left;
  clear:		left;
  float:		left;  
}
.body-section-subtitle	{ float:right; clear:right;	margin: 4px 0.5em; font-style:italic } 
.body-section-contents	{ margin-left: 	8px; 	padding-top: 0.33em;   	margin-bottom: 1.5em;
			  min-height:	4em;	max-height:	40em;	overflow:auto;	      }
.body-section table	{ float:left; clear:right;  }
.body-table-contents	{
  float:	 	left;	clear:		left;
  margin-left: 		0.5em;  margin-bottom:	1.5em;
  min-height:	 	4em;	overflow:auto;
  min-width:	 	738px; 
}
.body-table-contents table { width:		100%;   	}
.body-table-subcontents	   { padding-left:		0.5em; }
  

/*********************************************************************************************************
 * I'm a citizen of the Pagination
 */

div.pagination		{ float:left;   clear:both;  margin:auto; text-align: center; padding:0; width: 100%;}
.pagination 		{ margin: 3px;  padding: 3px 3px; }
.pagination a 		{ margin: 2px;  padding: 2px 5px;
			  color: #226;	border: 1px solid #888;  text-decoration: none;      }
.pagination a:hover,
.pagination a:active 	{ color: #111; border: 1px solid #000099; background-color: #e8e8ff;  font-weight:bold; }
.pagination span.current{ margin: 2px; padding: 2px 5px;	  font-weight: bold; font-size:1.25em;
			  color: #111; border: 1px solid #000099; background-color: #e8e8ff; border-bottom-width: 0px }
.pagination span.disabled{margin: 2px; padding: 2px 5px;
			  color: #999;	border: 1px solid #eee;	}

/*********************************************************************************************************
 * Structural Elements 
 */
/**** main container ****/
.container		{ background: #fff;	      width: 744px;  margin: 0 auto; padding:0 1.5em;  }

/**** holding box for messages ****/
.notices		{ background: #f8fff8;	      border: 3px #ccf solid; text-align:center;  
			float: left; clear:both;    width: 684px;  margin: 1.5em; padding:1em; }
			
/**** Footer ****/
#footer			{ background-color: #e8e8ff;  width: 732px; padding: 0.5em; /* full width - 2*padding */ }
#footer .footer-motto	{ clear:both;	float:left;   width: 720px;		    text-align: center; }
#footer .credits-site	{ clear:both;	float:left;   width: 720px; margin: 0.5em;  text-align: center; }
.credits-site td, 
.credits-site th	{ padding: 2px 0; }

.debug_stats		{ float: left; clear:left; background-color:#ffe8e8; font-size: smaller; }

/*********************************************************************************************************
 * Utilities
 */
.lefttext		{ text-align: left		!important; }
.centertext		{ text-align: center		!important; }
.righttext		{ text-align: right		!important; }
.float-left		{ float:      left		!important; }
.float-right		{ float:      right		!important; }
.border-red		{ border:     1px solid red	!important; }
.border-blue		{ border:     1px solid blue	!important; }
.border-green		{ border:     1px solid green	!important; }
.nomargin		{ margin:     0			!important; }
.nopadding		{ padding:    0			!important; }
.grayrow		{ background-color: #f2f2f2;		    }
.grayrow1		{ background-color: #f2f2f2;		    }
.grayrow2		{ background-color: #f2f2f2;		    }
.grayrow1 th,
.grayrow1 td		{ padding-bottom:0}
.grayrow2 th,
.grayrow2 td		{ padding-top:   0}
.shim-half-em		{ float:none; clear:both; height:0.5em	    }
.margin-top-1em         { margin-top: 1em;                          }
.margin-top-2em         { margin-top: 2em;                          }
.margin-top-3em         { margin-top: 3em;                          }
.max-height-40em           { max-height: 	40em;	overflow:auto;	}
.max-height-60em           { max-height: 	60em;	overflow:auto;	}
.max-height-80em           { max-height: 	80em;	overflow:auto;	}
.max-height-infinity       { max-height: 	inherit;	}