/* -------------------------------------------------------------- 
  
   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: 950px;
  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: 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: 6px; }
.span-2 { width: 22px; }
.span-3 { width: 38px; }
.span-4 { width: 54px; }
.span-5 { width: 70px; }
.span-6 { width: 86px; }
.span-7 { width: 102px; }
.span-8 { width: 118px; }
.span-9 { width: 134px; }
.span-10 { width: 150px; }
.span-11 { width: 166px; }
.span-12 { width: 182px; }
.span-13 { width: 198px; }
.span-14 { width: 214px; }
.span-15 { width: 230px; }
.span-16 { width: 246px; }
.span-17 { width: 262px; }
.span-18 { width: 278px; }
.span-19 { width: 294px; }
.span-20 { width: 310px; }
.span-21 { width: 326px; }
.span-22 { width: 342px; }
.span-23 { width: 358px; }
.span-24 { width: 374px; }
.span-25 { width: 390px; }
.span-26 { width: 406px; }
.span-27 { width: 422px; }
.span-28 { width: 438px; }
.span-29 { width: 454px; }
.span-30 { width: 470px; }
.span-31 { width: 486px; }
.span-32 { width: 502px; }
.span-33 { width: 518px; }
.span-34 { width: 534px; }
.span-35 { width: 550px; }
.span-36 { width: 566px; }
.span-37 { width: 582px; }
.span-38 { width: 598px; }
.span-39 { width: 614px; }
.span-40 { width: 630px; }
.span-41 { width: 646px; }
.span-42 { width: 662px; }
.span-43 { width: 678px; }
.span-44 { width: 694px; }
.span-45 { width: 710px; }
.span-46 { width: 726px; }
.span-47 { width: 742px; }
.span-48 { width: 758px; }
.span-49 { width: 774px; }
.span-50 { width: 790px; }
.span-51 { width: 806px; }
.span-52 { width: 822px; }
.span-53 { width: 838px; }
.span-54 { width: 854px; }
.span-55 { width: 870px; }
.span-56 { width: 886px; }
.span-57 { width: 902px; }
.span-58 { width: 918px; }
.span-59 { width: 934px; }
.span-60 { width: 950px;  margin: 0;}


/* Add these to a column to append empty cols. */
.append-1 { padding-right: 16px; }
.append-2 { padding-right: 32px; }
.append-3 { padding-right: 48px; }
.append-4 { padding-right: 64px; }
.append-5 { padding-right: 80px; }
.append-6 { padding-right: 96px; }
.append-7 { padding-right: 112px; }
.append-8 { padding-right: 128px; }
.append-9 { padding-right: 144px; }
.append-10 { padding-right: 160px; }
.append-11 { padding-right: 176px; }
.append-12 { padding-right: 192px; }
.append-13 { padding-right: 208px; }
.append-14 { padding-right: 224px; }
.append-15 { padding-right: 240px; }
.append-16 { padding-right: 256px; }
.append-17 { padding-right: 272px; }
.append-18 { padding-right: 288px; }
.append-19 { padding-right: 304px; }
.append-20 { padding-right: 320px; }
.append-21 { padding-right: 336px; }
.append-22 { padding-right: 352px; }
.append-23 { padding-right: 368px; }
.append-24 { padding-right: 384px; }
.append-25 { padding-right: 400px; }
.append-26 { padding-right: 416px; }
.append-27 { padding-right: 432px; }
.append-28 { padding-right: 448px; }
.append-29 { padding-right: 464px; }
.append-30 { padding-right: 480px; }
.append-31 { padding-right: 496px; }
.append-32 { padding-right: 512px; }
.append-33 { padding-right: 528px; }
.append-34 { padding-right: 544px; }
.append-35 { padding-right: 560px; }
.append-36 { padding-right: 576px; }
.append-37 { padding-right: 592px; }
.append-38 { padding-right: 608px; }
.append-39 { padding-right: 624px; }
.append-40 { padding-right: 640px; }
.append-41 { padding-right: 656px; }
.append-42 { padding-right: 672px; }
.append-43 { padding-right: 688px; }
.append-44 { padding-right: 704px; }
.append-45 { padding-right: 720px; }
.append-46 { padding-right: 736px; }
.append-47 { padding-right: 752px; }
.append-48 { padding-right: 768px; }
.append-49 { padding-right: 784px; }
.append-50 { padding-right: 800px; }
.append-51 { padding-right: 816px; }
.append-52 { padding-right: 832px; }
.append-53 { padding-right: 848px; }
.append-54 { padding-right: 864px; }
.append-55 { padding-right: 880px; }
.append-56 { padding-right: 896px; }
.append-57 { padding-right: 912px; }
.append-58 { padding-right: 928px; }
.append-59 { padding-right: 944px; }


/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 16px; }
.prepend-2 { padding-left: 32px; }
.prepend-3 { padding-left: 48px; }
.prepend-4 { padding-left: 64px; }
.prepend-5 { padding-left: 80px; }
.prepend-6 { padding-left: 96px; }
.prepend-7 { padding-left: 112px; }
.prepend-8 { padding-left: 128px; }
.prepend-9 { padding-left: 144px; }
.prepend-10 { padding-left: 160px; }
.prepend-11 { padding-left: 176px; }
.prepend-12 { padding-left: 192px; }
.prepend-13 { padding-left: 208px; }
.prepend-14 { padding-left: 224px; }
.prepend-15 { padding-left: 240px; }
.prepend-16 { padding-left: 256px; }
.prepend-17 { padding-left: 272px; }
.prepend-18 { padding-left: 288px; }
.prepend-19 { padding-left: 304px; }
.prepend-20 { padding-left: 320px; }
.prepend-21 { padding-left: 336px; }
.prepend-22 { padding-left: 352px; }
.prepend-23 { padding-left: 368px; }
.prepend-24 { padding-left: 384px; }
.prepend-25 { padding-left: 400px; }
.prepend-26 { padding-left: 416px; }
.prepend-27 { padding-left: 432px; }
.prepend-28 { padding-left: 448px; }
.prepend-29 { padding-left: 464px; }
.prepend-30 { padding-left: 480px; }
.prepend-31 { padding-left: 496px; }
.prepend-32 { padding-left: 512px; }
.prepend-33 { padding-left: 528px; }
.prepend-34 { padding-left: 544px; }
.prepend-35 { padding-left: 560px; }
.prepend-36 { padding-left: 576px; }
.prepend-37 { padding-left: 592px; }
.prepend-38 { padding-left: 608px; }
.prepend-39 { padding-left: 624px; }
.prepend-40 { padding-left: 640px; }
.prepend-41 { padding-left: 656px; }
.prepend-42 { padding-left: 672px; }
.prepend-43 { padding-left: 688px; }
.prepend-44 { padding-left: 704px; }
.prepend-45 { padding-left: 720px; }
.prepend-46 { padding-left: 736px; }
.prepend-47 { padding-left: 752px; }
.prepend-48 { padding-left: 768px; }
.prepend-49 { padding-left: 784px; }
.prepend-50 { padding-left: 800px; }
.prepend-51 { padding-left: 816px; }
.prepend-52 { padding-left: 832px; }
.prepend-53 { padding-left: 848px; }
.prepend-54 { padding-left: 864px; }
.prepend-55 { padding-left: 880px; }
.prepend-56 { padding-left: 896px; }
.prepend-57 { padding-left: 912px; }
.prepend-58 { padding-left: 928px; }
.prepend-59 { padding-left: 944px; }


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