/* -------------------------------------------------------------- 
  
   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. 
--------------------------------------------------------------

   The font-size percentage is of 16px. (0.75 * 16px = 12px)
   default line-height: 1.5 (18px / 12px = 1.5)

*/ 
   
body  { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5; } 

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

h1,h2,h3,h4,h5,h6  { font-weight: normal; color: #111; } 
h1  { font-size: 5em; 	 line-height: 1; 	 margin-bottom: 0.5em; } 	/*  font-size: 60px / line-height: 60px / margin-bottom: 30px (calculation: have: 12px(font-size body), want: 60px -> 60/12 = 5em) */
h2  { font-size: 2em; 	 line-height: 1.333; margin-bottom: 0.75em; } 	/*  font-size: 24px / line-height: 32px / margin-bottom: 18px */
h3  { font-size: 1.5em; 	 line-height: 1.333; margin-bottom: 1.333em; }  /*  font-size: 18px / line-height: 24px / margin-bottom: 24px */
h4  { font-size: 1.334em; line-height: 1.25;  margin-bottom: 1.25em; } /*  font-size: 16px / line-height: 18px / margin-bottom: 18px */
h5  { font-size: 1em; 	 font-weight: bold; } 						/*  font-size: 12px / line-height: 18px / margin-bottom:  0px */
h6  { font-size: 1em;     font-weight: bold; } 						/*  font-size: 12px / line-height: 18px / margin-bottom:  0px */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img  { 	margin: 0; } 

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

p            { margin: 0 0 1em; } 										/*  font-size: 60px / line-height: 60px / margin-bottom: 30px */ 
p img, li img  { float: left;  margin: .2em .3em 0 0; padding: 0; } p img.right  { float: right; margin: .5em 0 0 .5em; } 					/* margin: 6px */

a:focus, 
/*
a:hover      { color: #000; } a            { color: #000; text-decoration: underline; } */
a:hover      { color: #000; border-bottom: 1px solid  #000; text-decoration: none;}
a            { color: #000; border-bottom: 1px dotted #bbb; text-decoration: none; } 
blockquote   { margin: 1.5em; 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-bottom: 1px dotted #666; } address      { margin: 0 0 1.5em; font-style: italic; } 				
del          { color:#666; } 
pre,code     { margin: 1.5em 0; white-space: normal; } 					
pre,code,tt  { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

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

li ul, 
li ol        { margin:0 1.5em; } 
ul, ol       { margin: 0 1.5em 1.5em 1.5em; } 

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


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

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

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

.small       { font-size: .8em;  margin-bottom: 1.875em; line-height: 1.875em; } .large       { font-size: 1.2em; margin-bottom: 1.25em; line-height: 2.5em;  } .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 49823 2010-09-27 13:38:02Z 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 950px wide, with 60 columns 
   spanning 6px, 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: 95%;
  margin: 0 auto;
 } 
/* Use this class on any div.span / container to see the grid. */
.showgrid  { 
  background: url(http://www.couscousglobal.com/library/blueprint/lib/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: 1.04166666667%;
 } 
/* 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: 0.625%; }
.span-2 { width: 2.29166666667%; }
.span-3 { width: 3.95833333333%; }
.span-4 { width: 5.625%; }
.span-5 { width: 7.29166666667%; }
.span-6 { width: 8.95833333333%; }
.span-7 { width: 10.625%; }
.span-8 { width: 12.2916666667%; }
.span-9 { width: 13.9583333333%; }
.span-10 { width: 15.625%; }
.span-11 { width: 17.2916666667%; }
.span-12 { width: 18.9583333333%; }
.span-13 { width: 20.625%; }
.span-14 { width: 22.2916666667%; }
.span-15 { width: 23.9583333333%; }
.span-16 { width: 25.625%; }
.span-17 { width: 27.2916666667%; }
.span-18 { width: 28.9583333333%; }
.span-19 { width: 30.625%; }
.span-20 { width: 32.2916666667%; }
.span-21 { width: 33.9583333333%; }
.span-22 { width: 35.625%; }
.span-23 { width: 37.2916666667%; }
.span-24 { width: 38.9583333333%; }
.span-25 { width: 40.625%; }
.span-26 { width: 42.2916666667%; }
.span-27 { width: 43.9583333333%; }
.span-28 { width: 45.625%; }
.span-29 { width: 47.2916666667%; }
.span-30 { width: 48.9583333333%; }
.span-31 { width: 50.625%; }
.span-32 { width: 52.2916666667%; }
.span-33 { width: 53.9583333333%; }
.span-34 { width: 55.625%; }
.span-35 { width: 57.2916666667%; }
.span-36 { width: 58.9583333333%; }
.span-37 { width: 60.625%; }
.span-38 { width: 62.2916666667%; }
.span-39 { width: 63.9583333333%; }
.span-40 { width: 65.625%; }
.span-41 { width: 67.2916666667%; }
.span-42 { width: 68.9583333333%; }
.span-43 { width: 70.625%; }
.span-44 { width: 72.2916666667%; }
.span-45 { width: 73.9583333333%; }
.span-46 { width: 75.625%; }
.span-47 { width: 77.2916666667%; }
.span-48 { width: 78.9583333333%; }
.span-49 { width: 80.625%; }
.span-50 { width: 82.2916666667%; }
.span-51 { width: 83.9583333333%; }
.span-52 { width: 85.625%; }
.span-53 { width: 87.2916666667%; }
.span-54 { width: 88.9583333333%; }
.span-55 { width: 90.625%; }
.span-56 { width: 92.2916666667%; }
.span-57 { width: 93.9583333333%; }
.span-58 { width: 95.625%; }
.span-59 { width: 97.2916666667%; }
.span-60 { width: 98.9583333333%;  margin: 0;}


/* Add these to a column to append empty cols. */
.append-1 { width: 1.66666666667%; }
.append-2 { width: 3.33333333333%; }
.append-3 { width: 5%; }
.append-4 { width: 6.66666666667%; }
.append-5 { width: 8.33333333333%; }
.append-6 { width: 10%; }
.append-7 { width: 11.6666666667%; }
.append-8 { width: 13.3333333333%; }
.append-9 { width: 15%; }
.append-10 { width: 16.6666666667%; }
.append-11 { width: 18.3333333333%; }
.append-12 { width: 20%; }
.append-13 { width: 21.6666666667%; }
.append-14 { width: 23.3333333333%; }
.append-15 { width: 25%; }
.append-16 { width: 26.6666666667%; }
.append-17 { width: 28.3333333333%; }
.append-18 { width: 30%; }
.append-19 { width: 31.6666666667%; }
.append-20 { width: 33.3333333333%; }
.append-21 { width: 35%; }
.append-22 { width: 36.6666666667%; }
.append-23 { width: 38.3333333333%; }
.append-24 { width: 40%; }
.append-25 { width: 41.6666666667%; }
.append-26 { width: 43.3333333333%; }
.append-27 { width: 45%; }
.append-28 { width: 46.6666666667%; }
.append-29 { width: 48.3333333333%; }
.append-30 { width: 50%; }
.append-31 { width: 51.6666666667%; }
.append-32 { width: 53.3333333333%; }
.append-33 { width: 55%; }
.append-34 { width: 56.6666666667%; }
.append-35 { width: 58.3333333333%; }
.append-36 { width: 60%; }
.append-37 { width: 61.6666666667%; }
.append-38 { width: 63.3333333333%; }
.append-39 { width: 65%; }
.append-40 { width: 66.6666666667%; }
.append-41 { width: 68.3333333333%; }
.append-42 { width: 70%; }
.append-43 { width: 71.6666666667%; }
.append-44 { width: 73.3333333333%; }
.append-45 { width: 75%; }
.append-46 { width: 76.6666666667%; }
.append-47 { width: 78.3333333333%; }
.append-48 { width: 80%; }
.append-49 { width: 81.6666666667%; }
.append-50 { width: 83.3333333333%; }
.append-51 { width: 85%; }
.append-52 { width: 86.6666666667%; }
.append-53 { width: 88.3333333333%; }
.append-54 { width: 90%; }
.append-55 { width: 91.6666666667%; }
.append-56 { width: 93.3333333333%; }
.append-57 { width: 95%; }
.append-58 { width: 96.6666666667%; }
.append-59 { width: 98.3333333333%; }


/* Add these to a column to prepend empty cols. */
.prepend-1 { width: 1.66666666667%; }
.prepend-2 { width: 3.33333333333%; }
.prepend-3 { width: 5%; }
.prepend-4 { width: 6.66666666667%; }
.prepend-5 { width: 8.33333333333%; }
.prepend-6 { width: 10%; }
.prepend-7 { width: 11.6666666667%; }
.prepend-8 { width: 13.3333333333%; }
.prepend-9 { width: 15%; }
.prepend-10 { width: 16.6666666667%; }
.prepend-11 { width: 18.3333333333%; }
.prepend-12 { width: 20%; }
.prepend-13 { width: 21.6666666667%; }
.prepend-14 { width: 23.3333333333%; }
.prepend-15 { width: 25%; }
.prepend-16 { width: 26.6666666667%; }
.prepend-17 { width: 28.3333333333%; }
.prepend-18 { width: 30%; }
.prepend-19 { width: 31.6666666667%; }
.prepend-20 { width: 33.3333333333%; }
.prepend-21 { width: 35%; }
.prepend-22 { width: 36.6666666667%; }
.prepend-23 { width: 38.3333333333%; }
.prepend-24 { width: 40%; }
.prepend-25 { width: 41.6666666667%; }
.prepend-26 { width: 43.3333333333%; }
.prepend-27 { width: 45%; }
.prepend-28 { width: 46.6666666667%; }
.prepend-29 { width: 48.3333333333%; }
.prepend-30 { width: 50%; }
.prepend-31 { width: 51.6666666667%; }
.prepend-32 { width: 53.3333333333%; }
.prepend-33 { width: 55%; }
.prepend-34 { width: 56.6666666667%; }
.prepend-35 { width: 58.3333333333%; }
.prepend-36 { width: 60%; }
.prepend-37 { width: 61.6666666667%; }
.prepend-38 { width: 63.3333333333%; }
.prepend-39 { width: 65%; }
.prepend-40 { width: 66.6666666667%; }
.prepend-41 { width: 68.3333333333%; }
.prepend-42 { width: 70%; }
.prepend-43 { width: 71.6666666667%; }
.prepend-44 { width: 73.3333333333%; }
.prepend-45 { width: 75%; }
.prepend-46 { width: 76.6666666667%; }
.prepend-47 { width: 78.3333333333%; }
.prepend-48 { width: 80%; }
.prepend-49 { width: 81.6666666667%; }
.prepend-50 { width: 83.3333333333%; }
.prepend-51 { width: 85%; }
.prepend-52 { width: 86.6666666667%; }
.prepend-53 { width: 88.3333333333%; }
.prepend-54 { width: 90%; }
.prepend-55 { width: 91.6666666667%; }
.prepend-56 { width: 93.3333333333%; }
.prepend-57 { width: 95%; }
.prepend-58 { width: 96.6666666667%; }
.prepend-59 { width: 98.3333333333%; }


/* 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: 12px;
  margin-right: 13px;
  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: -16px; }
.pull-2 { margin-left: -32px; }
.pull-3 { margin-left: -48px; }
.pull-4 { margin-left: -64px; }


.push-0 { margin: 0 -0px 0 18px; float: right; }
.push-1 { margin: 0 -16px 0 18px; float: right; }
.push-2 { margin: 0 -32px 0 18px; float: right; }
.push-3 { margin: 0 -48px 0 18px; float: right; }
.push-4 { margin: 0 -64px 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; } 
.left  { 	float: left; } 
.right  { 	float: 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; } fieldset     { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend       { font-weight: bold; font-size:1.2em; } 

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

input.text, 
input.title,
textarea, 
select  { 	border: 1px solid #bbb;
	margin: 6px 0; } 
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 9px 0;
	padding: 0; } 
	.form-item input  { 		margin: 0 6px 0 0;
		vertical-align: text-top;
 } 	
	input.unfocused  { 		color: #ccc;
 } 	
	input.input-error  { 		color: #f00;
		border: 1px solid #f00 !important;
 } 

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

.error,
.notice, 
.success     { padding: 1px 4px 1px; margin: 0 0 18px 0; border-bottom: 1px solid #ddd; font-size: .9em;}

.error       { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice      { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success     { background: #E6EFC2; color: #264409; border-color: #C6D880; } .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(../../../image/button.png) left top repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	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 */
	line-height: 16px;  /* Safari */ } 
*:first-child+html button[type]  { 	padding: 1px 4px;   /* IE7 */ } 
input.submit,
input.reset  { 	padding: 1px 4px;
	overflow: visible; } 
a.button,
a.button-alternative,
a.button-cancel  { 	line-height: 14px; } 
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, 
	.edit-page .button-fig  { 		border: none;
		padding: 0 0 2px 0;
 } 
	.edit-page .button-fig  { 		float: none;
		margin: 0;
 } 	
	.edit-page button.button-datepicker:hover  { 		background: none;
	}