/* -------------------------------------------------------------- 
  
   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  {   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; }
/* Default font settings. 18px baseline grid - v0.1 
-------------------------------------------------------------- */ 
   
body  { 
  color: #000;
  background: #fff;
  font: 12px/18px helvetica, arial, sans-serif;
  /* background: url(/image/gridbg18px.gif); */ } 
/* resets
-------------------------------------------------------------- */
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  { 	margin: 0; } 
h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a  { 	border: none; } 
h4 a  { 	color: #060; } 

/*
button, input, select, .button  { 	font-weight: normal !important;
	font-family: helvetica, arial, sans-serif !important; } */

/* Headings - add bottom margin if the line-height isn't a multiple of 18px
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6  { font-weight: normal; color: #060; font-family: Georgia, Serif}

h1  { font-size: 46px;	line-height: 54px; } h2  { font-size: 24px;	line-height: 36px; } h3  { font-size: 18px;	line-height: 24px; } h4  { font-size: 18px;	line-height: 24px; } h5  { font-size: 13px;	font-weight: bold; } h6  { font-size: 13px;	font-weight: bold; } 
.dv-title h1,
.dv-title h2  { 	margin: 0;
	color: #060; } 
.dv-part1 .dv-title h1  { 	margin: 0;
	z-index: 1;
	position: relative; } 
.dv .dv-title h2  { 	margin-bottom: 6px; } 
.dv .intro  { 	font-size: 12px;
	line-height: 24px;
	font-weight: bold; } 
.dv .intro p  { 	margin: 0 0 6px; } 
.list-view-item .intro  { 	color: #666;
	font-weight: bold; } 
	.list-view-item .intro .list-located_in  { 		font-weight: normal;
 } 
.list-view-item li h3  { 	font-size: 18px;
	line-height: 18px;
	margin: 0; } 
	.list-view-item li h3 a  { 		color: #060;
		/* text-decoration: none; Removed because it was overriding the pubstate strikethrough for deleted list items */
 } 
	.list-view-item .list li h3 a:hover  { 		color: #0b0;
		border: none;
 } 
.list-view-item li h4  { 	font-size: 13px;
	line-height: 18px; } 
	.list-view-item li h4 .date-edge-item-person  { 		display: block;
 } 
	.list-view-item li h4 .date-edge-item-person .person-born-deceased-sep  { 		margin: 0 3px;
 } 

.list-view-item .li-title-no-subtitle  { 	margin: 0 0 3px; } 
li.blogposting h4  { 	font-size: 18px; 
	line-height: 18px;  
	font-style: italic; } 
li.blogposting .intro  { 	font-size: 13px;
	color: #000; } 
.list-view-item li.person h3  { 	line-height: 18px;
	font-size: 18px; } 
.institution .dv-title h1  { 	margin-top: 6px;
	font-size: 36px;
	line-height: 24px; } 
.institution .dv-title h2  { 	font-size: 24px; } 
/*
.searchresult h3  { 	font-size: 18px;
	line-height: 18px; } */

.search-advanced .form-element select  { 	padding: 5px 0 3px 4px; } 
.source-title  { 	color: #006600 !important;
	padding: 0 2px;
	font-weight: normal;
	white-space: nowrap; } 
/*
.list-opensearch li .author { 	margin-right: 6px;  } */

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

p            { margin: 0 0 18px; } 
p img 		 { float: left; margin: 4px 8px 0 0; } 
p img.right  { float: right; margin: 4px 0 0 8px; } 
a            { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } 
a:focus, 
a:hover      { color: #0b0; border-bottom: 1px dotted #0b0; } 
.list-view-item a,
.list-view-item a:focus,
.list-view-item a:hover,
.list-view-item a:active  { border: none; } 
blockquote   { margin: 18px; color: #666; font-style: italic; } strong       { font-weight: bold; } em,dfn       { font-style: italic; } dfn          { font-weight: bold; } sup, sub     { line-height: 0; } 
abbr, 
acronym      { border: none; } address      { margin: 0 0 1.5em; } 				
del          { color:#666; } 
pre,code     { margin: 1.5em 0; white-space: pre; } 					
pre,code,tt  { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* chapeau 
------------------------------------------------------ */

.chapeau  { 	color: #666;
	margin: 0 6px 0 0; } 
	li .chapeau  { 		margin: 0;
		font-style: normal;
 } 	
	li .chapeau .city  { 		font-style: italic;
 } 
	.chapeau-comments-sep  { 		margin: 0 3px;
 } 

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

li ul, 
li ol        { margin:0 18px; } 
ul, ol       { margin: 0 18px 18px; } 

ul           { list-style-type: disc; } ol           { list-style-type: decimal; } 
dl           { margin: 0 0 18px; } 
dl dt        { font-weight: bold; } dd           { margin-left: 18px; } 

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

table        { margin-bottom: 1.4em; width:100%; } th           { font-weight: bold; background: #666; } th,td        { padding: 4px 10px 4px 5px; } tr.even td   { background: #eee; } tfoot        { font-style: italic; } caption      { background: #eee; } 

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

.small       { font-size: 10px;  margin-bottom: 18px; line-height: 18px; } .large       { font-size: 14px; margin-bottom: 18px; line-height: 24px;  } .hide        { display: none; } 
.quiet       { color: #666; } .loud        { color: #000; } .highlight   { background:#ff0; } .added       { background:#060; color: #fff; } .removed     { background:#900; color: #fff; } 
.first       { margin-left:0;	padding-left:0; } .last        { margin-right:0; 	padding-right:0; } .top         { margin-top:0; 	padding-top:0; } .bottom      { margin-bottom:0; 	padding-bottom:0; }
/* -------------------------------------------------------------- 
   
   $Id: grid_dyn.css 45727 2010-02-04 10:18:05Z bas $
   
   * 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: .1em;
  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; } 
a.button,
a.button-alternative,
a.button-cancel,
button,
input.submit,
input.reset,
input.file  { 	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 6px; 
	border: 1px solid #ccc;
	border-color: #999 #858585 #666 #858585;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ccc url(http://fast.mediamatic.nl/f/psjq/image/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: baseline; } 			
button  { 	width: auto;
	overflow: visible;
	padding: 1px 4px;   /* IE6 */  } 
button[type]  { 	padding: 1px 4px;   /* Firefox */ } 
input.submit,
input.reset  { 	line-height: 16px;
	padding: 1px 4px;
	overflow: visible;
	width: auto !important; 
	height: auto !important; } 
.isOpera input.submit,
.isOpera input.reset  { 	padding: 2px 4px 3px; } 
/* !important is used to overrule the input text element styling */

/*
.isMac.isSafari button  { 	padding: 1px 4px px; } */

.isWin.isSafari a.button,
.isWin.isSafari a.button-cancel,
.isWin.isSafari a.button-alternative  { 	padding: 2px 4px 4px; } 
.isIE6x a.button,
.isIE6x a.button-cancel,
.isIE6x a.button-alternative  { 	padding-bottom: 6px; } 
.isIE7x a.button,
.isIE7x a.button-cancel,
.isIE7x a.button-alternative  { 	line-height: 17px; } 
.isIE7x input.submit,
.isIE7x input.reset  { 	line-height: 16px; /* IE7 */ } 
a.button,
a.button-alternative,
a.button-cancel  { 	line-height: 14px; } 
.isGecko.isWin a.button,
.isGecko.isWin a.button-alternative,
.isGecko.isWin a.button-cancel,
.isGecko.isUnix a.button,
.isGecko.isUnix a.button-alternative,
.isGecko.isUnix a.button-cancel  { 	line-height: 13px; } 
button img, 
a.button img,
button.cancel img, 
a.button-cancel img,
button.alternative img,
a.button-alternative img  { 	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	float: none; } 
/* Button colors
-------------------------------------------------------------- */

a.button:hover,
a.button-alternative:hover,
a.button-cancel:hover,
input.submit:hover,
input.reset:hover,
button:hover  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 
a.button:active  { 	color: #000;
	background-color: #ccc;
	border: 1px solid #000;
	text-decoration: none; } 

/* cancel
-------------------------------------------------------------- */

a.button-cancel,
button.cancel  { 	background: #fbe3e4;
	border:1px solid #fbc2c4;
	color: #d12f19; } 
a.button-cancel:hover, 
button.cancel:hover  { 	background: #d12f19;
	border:1px solid #d12f19;
	color: #fff; } 
a.button-cancel:active  { 	background: #d12f19;
	border: 1px solid #d12f19;
	color: #fff; } 

/* alternative
-------------------------------------------------------------- */

a.button-alternative,
button.alternative  { 	background-color: #e6efc2;
 	border: 1px solid #c6d880;
  	color: #529214; } 
a.button-alternative:hover, 
button.alternative:hover  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
a.button-alternative:active  { 	background-color: #529214;
 	border: 1px solid #529214;
  	color: #fff; } 
/* special buttons / edit page 
-------------------------------------------------------------- */

.button-datepicker img,
.button-cc img,
.button-fig img  { 	margin: 0;
	width: auto;
	height: auto; } 
.button-fig img  { 	width: 24px;
	height: 18px; } 
	.edit-page button.button-datepicker,
	.edit-page .button-cc, 
	.button-fig  { 		border: none;
		padding: 0 0 2px 0;
 } 
	.button-fig  { 		float: none;
		margin: 0;
 } 	
	.edit-page button.button-datepicker:hover  { 		background: none;
	}