/*	splat.css

Nb. MSIE6 treats child specifier as descendant 
	
	This css is particular to the peopleandplanet.org site


Colour definitions: 

define $green_text      #6f8a00
define $green			#abc837
define $bg_grey         #f2f2f2
define $red_text 		#e60034
define $magenta			#cc0088


define $green	 		#7ca563
define $vivid_green	    #83d057
define $green_tint	    #c9dd7e
define $dk_green		#485F39
define $red     		#a71f26
define $blue	 		#27a 
define $link	 		#6f8a00 
define $link_visited 	#e69c83 
define $bg_blue 		#e9f2f8
define $bg_green 		#e0f1d5
define $menu_bg_child 	#BEDCEE
define $menu_sel_border #E6F5FF
define $bg_bluebox		#BDDAEE



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 2, 2011 */
@font-face {
  font-family: 'takeoutthegarbageRegular';
  src: url("/format/fonts/take_out_the_garbage/take_out_the_garbage-webfont.eot");
  src: url("/format/fonts/take_out_the_garbage/take_out_the_garbage-webfont.eot?#iefix") format("embedded-opentype"), url("/format/fonts/take_out_the_garbage/take_out_the_garbage-webfont.woff") format("woff"), url("/format/fonts/take_out_the_garbage/take_out_the_garbage-webfont.ttf") format("truetype"), url("/format/fonts/take_out_the_garbage/take_out_the_garbage-webfont.svg#takeoutthegarbageRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* global classes */
.greyed {
  color: #aaa; }

/* Standard stuff */
body {
  font-family: 'Source Sans Pro', Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-weight: 400; }

/* Headings {{{ */
h1, h2, h3, h4, h5 {
  margin: 1.5em 0 0.6em 0;
  /* top right bottom left */
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-weight: 400;
  color: #e60034;
  line-height: 1.4em; }

h1 {
  font-size: 24px;
  line-height: 1.2em; }

h2 {
  font-size: 17px; }

h3 {
  font-size: 14px;
  font-weight: bold;
  font-weight: 700; }

h4 {
  font-size: 14px; }

div > h1:first-child,
div > h2:first-child,
div > h3:first-child {
  margin-top: 0; }

h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin {
  margin-top: 0; }

/* }}} */
/* paragraphs, {{{ */
p {
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  line-height: 1.4em; }

/* }}} */
/* list items {{{ */
ul > li {
  line-height: 1.4em;
  list-style: none;
  padding-left: 22px;
  margin-left: 0;
  background-image: url("/format/splat/li-square-red.png");
  background-repeat: no-repeat;
  background-position: 6px 6px; }

.arrow {
  background-image: url("/format/splat/icon_16px_red-arrow.png");
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 22px; }

li.red-square {
  background-image: url("/format/splat/li-square-red.png") !important; }

li.red-triangle {
  background-image: url("/format/splat/li-triangle-red.png") !important; }

/* }}} */
#is_ie7 ul li {
  line-height: 1.4em;
  list-style: none;
  padding-left: 22px;
  margin-left: 0;
  background-image: url("/format/splat/li-square-red.png");
  background-repeat: no-repeat;
  background-position: 6px 6px; }

/* single items for graphic */
p.actionpoint,
li.actionpoint {
  background-image: url("/format/splat/icon_16px_red-arrow.png");
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 22px;
  color: #e60034; }

p.actionpoint a, li.actionpoint a {
  color: #e60034 !important; }

/* un-do if this is in a list to avoid duplicating icons */
li > p.actionpoint {
  background: none;
  padding-left: 0; }

/* strong, emphasis{{{ */
strong {
  font-weight: bold; }

em {
  font-style: italic; }

/* }}} */
/* Links ( green=nav, no underline except on hover) {{{*/
a,
a:visited {
  color: #6f8a00;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/* }}} */
/* Tables {{{ */
table {
  font-size: 12px; }

td, th {
  border-color: #6f8a00; }

th {
  color: black;
  background-color: #f4fedb;
  padding: 6px 4px;
  font-weight: normal; }

th > p {
  margin: 0; }

th > h1:first-child,
th > h2:first-child,
th > h3:first-child,
th > h4:first-child,
td > h1:first-child,
td > h2:first-child,
td > h3:first-child,
td > h4:first-child {
  margin-top: 0; }

/* }}} */
/* overrides */
/* Links in Headings {{{ */
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
  color: inherit; }

/* }}} */
hr {
  clear: both;
  border: none;
  border-top: solid 1px #27a;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

/* rollover and tourRollover {{{ */
div.rollover:hover {
  background-repeat: no-repeat;
  background-position: -1000px -1000px; }

div.tourRollover {
  height: 80px;
  overflow: hidden;
  margin-top: 5em; }

div.tourRollover:hover img {
  margin-top: -85px;
  cursor: pointer; }

/* }}} */
/* select, optgroup, option {{{ */
select {
  font-family: sans-serif; }

/* bug in firefox? requires this? */
optgroup {
  font-family: sans-serif;
  font-weight: normal;
  font-style: italic;
  color: #888; }

/* bug in firefox? requires this? */
option {
  color: black; }

/* }}} */
/* Quotes {{{ */
blockquote {
  font-style: normal;
  width: auto;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 26px;
  margin-left: 0;
  margin-bottom: 22px;
  border-top: solid 1px #a71f26;
  background-color: #f2f2f2;
  background-image: url("/format/splat/blockquote-bottom.png");
  background-position: bottom right;
  background-repeat: no-repeat; }

.narrow {
  width: 404px; }

blockquote p {
  margin-bottom: 0.4em; }

p.blockquote_citation {
  background: white url("/format/splat/blockquote-bottom.png") top right no-repeat;
  text-align: right;
  margin: 4px -14px;
  position: relative;
  top: 26px;
  font-style: italic;
  padding-left: 2em;
  padding-top: 14px; }

cite {
  margin-left: 4em;
  margin-bottom: 1.5em;
  font-size: 12px; }

/* }}} */
/* highlight boxes {{{ */
div.box {
  border: solid 1px #cc0088;
  padding: 9px;
  /* increasing this by 1px requires a 1px decrease on imboxes inside boxes inside rights. at 7px here, the margin can be 0. at 8, it needs -1 etc. */
  background-image: url("/format/box_bg_top.png");
  background-repeat: repeat-x;
  background-position: top;
  background-color: #e0f1d5;
  margin: 6px 0 12px 0; }

div.right div.box {
  padding: 11px;
  /* because we have no left-right border */
  background-image: none;
  /* url('/format/splat/right-box.png');*/
  background-repeat: no-repeat;
  background-position: bottom left; }

div.right div.box div.size2 {
  width: auto; }

/* disable this */
div.right div.box {
  font-size: 12px; }

/* if right box starts with an image, don't put a margin at the top of the image */
div.right div.box div.size2:first-child,
div.right div.box div.size2:first-child div.imbox,
div.right div.box div.size2:first-child div.imbox_transparent {
  margin-top: 0; }

/* }}} */
/* shouting {{{ */
.shouting {
  font-size: 28px;
  font-family: 'takeoutthegarbageRegular';
  color: #e60034;
  font-weight: normal;
  text-align: center; }

/* font does not have bold or italic */
.shouting em,
.shouting strong {
  font-weight: normal;
  font-style: normal; }

/* not a heading, but big text }}} */
/* construct: fancy box {{{ */
div.fancy {
  text-align: left; }

div.fancy > div.box
div.right div.fancy > div.box {
  margin: 0; }

/* }}} */
/* Used to alert user to the downfalls of their browser! */
div.msie {
  display: none; }

#is_ie6 div.msie {
  display: block; }

/* menuboxes {{{
	These are boxes without padding, to be used within a div.right
	with images as their main content.
	Use h1 in div.overlap after the image to position heading /over/ the
	image. 
*/
div.menubox {
  margin: 6px 18px;
  /* as right box _padding_ */
  margin-left: 0;
  padding: 0;
  background-image: none;
  background-color: #e0f1d5;
  border: solid 1px #27a; }

div.menubox div.size2 {
  width: auto; }

/* disable this */
div.menubox div.imbox,
div.menubox div.imbox_transparent {
  margin: 0;
  padding: 0;
  background: none;
  color: black; }

div.menubox div.size2 {
  margin: 0em;
  padding: 0; }

div.menubox div.imbox img,
div.menubox div.imbox_transparent img {
  border: none; }

div.menubox h1 {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #a71f26; }

div.menubox div.imbox p {
  margin: 0;
  margin-left: 6px;
  font-size: 12px; }

div.menubox div.imbox_transparent p {
  margin: 0;
  margin-left: 6px;
  font-size: 12px; }

div.menubox div.overlap h1 {
  margin-top: -1.2em;
  margin-bottom: 0;
  margin-left: 6px;
  color: white; }

/* }}} */
/* midcol  xxx {{{ */
div.midcol {
  margin-left: 140px; }

div.midcol div.size1 {
  margin-left: -140px; }

#is_ie6 div.midcol {
  margin-left: 140px;
  padding: 0; }

#is_ie6 div.midcol div.size1 {
  margin: 0;
  margin-left: -70px;
  padding: 0; }

div.midcol h1,
div.midcol h2 {
  margin-top: 0; }

/* }}} */
/* footnote div {{{ */
div.footnote {
  font-size: 12px;
  margin-top: 1em;
  color: #666;
  border-top: dashed 1px #aaa; }

/* }}} */
/* divs for images {{{ */
div.size4, div.size3, div.size2 {
  clear: left;
  margin: 8px auto;
  padding: 0;
  float: none; }

div.size4 {
  width: 618px; }

div.size4 img.cms {
  width: 600px; }

div.size3 {
  width: 418px; }

div.size3 img.cms {
  width: 400px; }

div.size2 {
  width: 298px;
  /*	border:solid 1px #cc0088 /*$magenta* /; 
   */
  margin-top: 6px; }

div.size2 img.cms,
div.right div.imbox img.cms {
  width: 280px; }

div.imbox,
div.imbox_transparent {
  margin: 0;
  padding: 8px;
  display: block;
  position: static;
  color: black;
  float: none; }

div.imbox {
  background-color: #eee;
  background-image: url("/format/splat/box-bg.jpg");
  background-repeat: repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

div.imbox a {
  color: #e60034; }

div.fancy div.imbox {
  background-color: #fffefc; }

div.imbox_transparent {
  background-color: transparent;
  background-image: none;
  padding: 9px;
  /* bigger padding because no 1px border ... */ }

#is_ie6 div.imbox_transparent {
  padding: 8px;
  /* ... except in msie because it's crap*/ }

div.imbox p,
div.imbox_transparent p {
  font-size: 12px;
  margin: 0;
  padding: 0; }

#is_ie6 div.imbox_transparent p {
  font-size: 12px; }

div.imbox img {
  border: none; }

div.fancy div.imbox img {
  border-color: #ddd #eee #eee #ddd; }

div.imbox_transparent img {
  border: none; }

div.right div.box div.imbox,
div.right div.box div.imbox_transparent {
  margin: 8px -2px;
  /* relates to padding of box - see comment above */
  padding: 0;
  background: none;
  color: black; }

/* }}} */
/* size 1 different {{{ */
div.size1 {
  margin: 0 0 8px 0;
  padding: 0 8px 0 0;
  width: 129px;
  float: left;
  clear: left; }

#is_ie6 div.size1 {
  padding-right: 1.4em;
  /* msie hack for lists next to float:left s */ }

div.size1 img.cms {
  width: 123px; }

div.size1 div.imbox {
  margin: 0;
  padding: 3px; }

div.size1 div.imbox_transparent {
  margin: 0;
  padding: 3px; }

div.size1 div.imbox p,
div.size1 div.imbox_transparent p {
  font-size: 12px; }

/* msie6 misbehaves here, for some reason...who knows...who cares...*/
#is_ie6 div.size1 div.imbox_transparent p {
  font-size: 12px !important;
  width: 123px; }

/* }}} */
/* copyright span {{{ */
span.copyright,
p.copyright {
  font-size: 10px;
  font-style: italic; }

.unemphasise,
p.copyright,
span.copyright {
  font-size: 10px;
  color: #888;
  font-style: italic; }

p.copyright a,
span.copyright a {
  color: #866; }

/* }}} */
/* formbox xxx {{{ */
div.formbox {
  padding: 0.4em;
  background-color: #e0f1d5;
  background-image: url("/format/splat/box-bg.jpg");
  background-position: top left;
  background-repeat: repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

div.formbox p {
  margin-bottom: 0.2em; }

div.formbox > h1,
div.formbox > h2,
div.formbox > h3,
div.formbox > h4 {
  margin-top: 0; }

div.formbox a {
  color: #e60034; }

div.formbox a.awesome {
  color: white; }

/*.formbox .ic { background-image:none;}*/
.formbox a {
  color: #260; }

/* darker green to give more contrast against green background */
.formbox .unemphasise {
  color: #444; }

/* needs to be bit darker */
/* }}} */
/* Data Capture 1 forms (dc1) -- replica of /admin/format/admin.css {{{ Forms
 * designed to be full page. Field labels in left column, fields in right
 * column, indented 200px.
 *
 * .block labels take a line above the field, to allow for long captions that
 * would not fit in the left column.
 *
 * .checkboxradio class should be applied to the labels /and/ the inputs
 * These are displayed flush left. It means that if there is an introduction to
 * the radio group, then that needs to be flush left too.  The
 * formelementwlabel function (used by the class Form) applies this as a
 * p.radiolabel element.
 *
 * .checkboxradioI class is the same but is not flush left, i.e. it is within the 
 * main 200px indented column.
 *
 * */
/* base setup {{{ */
form.dc1 {
  position: relative;
  padding-left: 200px; }

/* as base for absolute positioning */
form.dc1 p {
  margin: 0;
  padding: 0;
  padding-bottom: 0.6em; }

form.dc1 .flushleft {
  margin-left: -200px; }

/* }}} */
/* invalid div {{{ */
form.dc1 div.invalid {
  border: solid 2px red;
  position: static;
  margin-left: -200px;
  padding-left: 198px;
  /* 2px left to counter border */
  padding-right: 10px;
  padding-bottom: 0.4em;
  background-color: #fdd; }

form.dc1 div.invalid p.invalidmsg,
form.dc1 div.invalid p.flushleft {
  margin-left: -190px;
  padding-bottom: 0; }

form.dc1 div.invalid p.invalidmsg {
  font-style: italic; }

/* }}} */
/* labels  {{{ */
/* ...normal labels */
form.dc1 label {
  position: absolute;
  /* remove from flow */
  display: block;
  margin-left: -200px;
  width: 192px;
  text-align: right;
  margin-bottom: 0.2em;
  padding-right: 0.5em; }

#is_ie7 form.dc1 label {
  padding-right: 1em; }

/* ...checkboxradio labels */
form.dc1 label.checkboxradio {
  position: static;
  margin-left: -170px;
  text-align: left;
  width: auto; }

/* ...checkboxradioI labels */
form.dc1 label.checkboxradioI {
  position: static;
  margin-left: 0;
  text-align: left;
  width: auto; }

/* ...block labels */
form.dc1 label.block {
  display: block;
  position: static;
  width: auto;
  text-align: left; }

/* }}} */
/* input, select, textareas {{{ */
form.dc1 input,
form.dc1 select,
form.dc1 textarea {
  display: block; }

/* ...checkboxradio inputs {{{ */
form.dc1 input.checkboxradio {
  position: absolute;
  margin-left: -190px; }

#is_ie7 form.dc1 input.checkboxradio,
#is_ie6 form.dc1 input.checkboxradio,
#is_ie6 form.dc1 div.invalid input.checkboxradio,
#is_ie7 form.dc1 div.invalid input.checkboxradio,
#is_ie6 form.dc1 p input.checkboxradio,
#is_ie7 form.dc1 p input.checkboxradio {
  left: 200px; }

/* }}} */
/* ...checkboxradioI (indented) inputs {{{ */
form.dc1 input.checkboxradioI {
  position: absolute;
  margin-left: -18px; }

#is_ie6 form.dc1 div.invalid input.checkboxradioI,
#is_ie7 form.dc1 div.invalid input.checkboxradioI,
#is_ie6 form.dc1 input.checkboxradioI,
#is_ie7 form.dc1 input.checkboxradioI {
  margin-left: -18px; }

/* }}} */
/* ...button inputs */
form.dc1 input.button {
  position: static;
  display: inline; }

/* styled inputs {{{ */
form.dc1 span.address {
  font-size: 12px;
  color: #999; }

form.dc1 input.normal,
form.dc1 select.normal {
  height: 1.4em;
  padding: 0 0.2em 0 0.2em;
  border: solid 1px #27a; }

form.dc1 textarea {
  height: 5em;
  width: 100%;
  border: solid 1px #27a; }

#is_ie6 form.dc1 textarea {
  width: 400px; }

form.dc1 textarea.email {
  height: auto;
  border: solid 1px #27a;
  display: block;
  margin-left: 0;
  width: 100%;
  position: static; }

form.dc1 input.compact {
  position: static;
  left: 0;
  width: 100%; }

form.dc1 select.multiple {
  border: solid 1px #27a;
  display: block;
  margin-left: 11em;
  position: static; }

/* }}} */
/* }}} */
/* }}} */
/* Data Capture 4 forms (dc4) v.0.1 {{{
 *
 * Simple forms with label on top of element. 
 *
 * */
/* defaults: everything's a block*/
form.dc4 input,
form.dc4 select,
form.dc4 textarea {
  display: block; }

form.dc4 input.inline {
  display: inline; }

form.dc4 label,
form.dc4 label.array {
  line-height: 1.4em;
  display: block;
  margin-top: 8px; }

form.dc4 label.hidden {
  display: none; }

form.dc4 textarea {
  font-family: 'DejaVu Mono','Bitstream Vera Sans Mono', monospace;
  font-size: inherit; }

form.dc4 input.checkboxradio,
form.dc4 label.checkboxradio {
  display: inline; }

/* invalid div */
form.dc4 div.invalid {
  position: static;
  margin: 0;
  padding-bottom: 0.4em;
  background-color: #fd8;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 8px; }

form.dc4 div.invalid p.invalidmsg {
  font-style: italic;
  background-image: url("/format/icon_warning.png");
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
  min-height: 24px; }

/* }}} */
/* definition lists dl dt dd  {{{ */
dl {
  position: relative;
  padding-left: 200px; }

/* as base for absolute positioning */
dl p {
  margin: 0;
  padding: 0;
  padding-bottom: 0.6em; }

dl .flushleft {
  margin-left: -200px;
  padding-bottom: 0.3em; }

dt {
  position: absolute;
  /* remove from flow */
  display: block;
  margin-left: -200px;
  width: 192px;
  text-align: right;
  padding-right: 0.5em; }

dd, dt {
  margin-bottom: 0.2em; }

#is_ie7 dt {
  padding-right: 1em; }

/* ...checkboxradio labels */
form.dc1 label.checkboxradio {
  position: static;
  margin-left: -170px;
  text-align: left;
  width: auto; }

/* ...checkboxradioI labels */
form.dc1 label.checkboxradioI {
  position: static;
  margin-left: 0;
  text-align: left;
  width: auto; }

/* ...block labels */
form.dc1 label.block {
  display: block;
  position: static;
  width: auto;
  text-align: left; }

/* }}} */
/* news containers {{{ */
div.news_container {
  margin: 0.5em 0;
  padding: 0;
  overflow: auto; }

div.news_title {
  margin: 0.2em 0; }

div.news_title h1,
div.news_title h2 {
  font-size: 18px;
  line-height: normal;
  margin: 0;
  font-weight: normal;
  padding-right: 0.5em; }

div.news_title a:hover h1 {
  text-decoration: underline; }

div.news_container div.news_subject {
  padding: 0;
  margin-top: -8px;
  font-size: 12px; }

div.news_block {
  margin-bottom: 32px; }

div.news_block.with_image_header {
  background-image: none;
  border: none;
  padding-top: 1px; }

div.news_block div.news_block_inner {
  font-size: 12px; }

div.news_container div.imbox,
div.news_container div.imbox_transparent {
  float: right;
  left: 0;
  width: 125px;
  margin: 6px;
  margin-bottom: 0;
  margin-right: 1em;
  padding: 0;
  background-color: transparent; }

div.news_container div.imbox img,
div.news_container div.imbox img.cms {
  border: solid 1px #222;
  width: 123px; }

div.news_container div.imbox_transparent img,
div.news_container div.imbox_transparent img.cms {
  border: none;
  margin: 1px;
  width: 123px; }

/* }}} */
/* gizmo_feed {{{ */
div.gizmo_feed_container {
  border: none; }

div.gizmo_feed_box {
  border: none; }

div.gizmo_feed_title h2 {
  font-size: 14px;
  padding-left: 24px;
  background-image: url("/format/icon_16px_rss.gif");
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 18px; }

div.gizmo_feed_content {
  background-color: white;
  padding: 0;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-radius-bottomleft: 8px;
  -webkit-border-radius-bottomright: 8px;
  -o-border-radius-bottomleft: 8px;
  -o-border-radius-bottomright: 8px;
  border-radius-bottomleft: 8px;
  border-radius-bottomright: 8px; }

div.gizmo_feed_container.with_image_header div.gizmo_feed_content {
  border: none;
  background-image: none;
  padding: 1px 6px; }

/* }}} */
/* gizmo_feed .feed_green {{{*/
.green_feed .gizmo_feed_box {
  border: none; }

.gizmo_feed_container.with_image_header.green_feed .gizmo_feed_content {
  background-color: #e4f0b4;
  background-image: url("/format/splat/fancybox.png");
  background-repeat: repeat-x;
  background-position: bottom left; }

.green_feed .gizmo_feed_content li:hover {
  background-image: url("/format/splat/feed-li-bg.jpg");
  background-repeat: no-repeat;
  background-position: top left; }

/* }}} */
/* gizmo_sell {{{ */
div.formbox.gizmo_sell img.icon {
  position: absolute; }

div.formbox.gizmo_sell {
  margin-top: 20px;
  position: relative; }

div.formbox.gizmo_sell h1 {
  font-size: 24px;
  margin: 0;
  margin-left: 40px;
  min-height: 40px; }

/* }}} */
p#w3c {
  text-align: center;
  margin-top: 3em; }

p#w3c img {
  display: inline; }

/* survey css v5 {{{ */
form.dc1 p.subQuestion {
  margin-top: 2em; }

h2.surveyHeading,
form.survey h2 {
  margin-top: 2em;
  margin-bottom: 1em;
  border-bottom: solid 1px #A71F26;
  padding-bottom: 0; }

h3.surveyHeading,
form.survey h3 {
  margin-top: 2em; }

form.survey div.unanswered {
  background-color: #ff8; }

form.survey.dc1 div.unanswered {
  padding-left: 200px;
  margin-left: -200px; }

li.surveyAnswer,
div.surveyAnswer,
span.surveyAnswer {
  font-family: 'Georgia','Dejavu Serif', serif;
  background-color: #ffe;
  padding: 0 1em;
  background-color: #efefdd; }

.svexpander p.first {
  cursor: pointer;
  text-decoration: underline; }

/* }}} */
/* survey formatting for public {{{*/
/* "Normal" in this context is vis3, edit3.
 *
 * We highlight data provided by staff, or scripts
 *
 */
/* div.survey-editability2,/* these questions are filled by staff not participants 
div.survey-editability1 /* these questions are filled by a script */
.survey-qid-6279, .survey-qid-6281, .survey-qid-6283, .survey-qid-6285, .survey-qid-6287, .survey-qid-6289, .survey-qid-6291, .survey-qid-6293, .survey-qid-6295, .survey-qid-6297, .survey-qid-6300, .survey-qid-6303, .survey-qid-6305, .survey-qid-6307, .survey-qid-6309, .survey-qid-6310, .survey-qid-6313, .survey-qid-6315, .survey-qid-6317, .survey-qid-6319, .survey-qid-6321, .survey-qid-6323, .survey-qid-6325, .survey-qid-6327, .survey-qid-6330, .survey-qid-6333, .survey-qid-6336, .survey-qid-6338, .survey-qid-6341, .survey-qid-6345, .survey-qid-6347, .survey-qid-6349, .survey-qid-6351, .survey-qid-6355, .survey-qid-6357, .survey-qid-6361, .survey-qid-6363, .survey-qid-6366, .survey-qid-6368, .survey-qid-6370, .survey-qid-6372, .survey-qid-6374, .survey-qid-6375, .survey-qid-6379, .survey-qid-6381, .survey-qid-6383, .survey-qid-6385, .survey-qid-6387, .survey-qid-6389, .survey-qid-6391, .survey-qid-6393, .survey-qid-6395, .survey-qid-6397, .survey-qid-6399, .survey-qid-6401, .survey-qid-6403, .survey-qid-6404, .survey-qid-6405, .survey-qid-6408, .survey-qid-6410, .survey-qid-6412, .survey-qid-6414, .survey-qid-6416, .survey-qid-6417, .survey-qid-6418, .survey-qid-6422, .survey-qid-6447, .survey-qid-6449, .survey-qid-6501, .survey-qid-6513, .survey-qid-6515, .survey-qid-6517, .survey-qid-6519, .survey-qid-6521, .survey-qid-6523, .survey-qid-6525, .survey-qid-6527, .survey-qid-6536 {
  background: none repeat scroll 0 0 #DDFFCC;
  border-left: 10px solid #2C0;
  padding-bottom: 12px;
  padding-left: 5px;
  padding-top: 12px; }

#survey-save-block {
  border-top: solid 1px #a71f26;
  position: fixed;
  bottom: 0;
  background: black;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  height: 2.8em;
  padding: 0.5em 0;
  z-index: 1; }

.survey-save-inner {
  width: 700px;
  margin: 0 auto; }

.survey-save-save {
  display: inline-block;
  float: left; }

.survey-save-cancel {
  display: inline-block;
  float: left;
  margin-left: 4em; }

.survey-save-saveinfo,
.survey-save-cancelinfo {
  display: inline-block;
  color: white;
  float: left;
  width: 16em;
  font-size: 12px;
  line-height: 14px; }

/*}}}*/
/* non-essential style {{{ */
abbr {
  border: none; }

span.form_progress_todo {
  color: #999; }

span.form_progress_done {
  color: #2a2; }

span.form_progress_current {
  font-style: italic; }

/* }}} */
/* table.formsummary {{{ */
table.formsummary {
  margin: 0;
  padding: 0; }

table.formsummary td.data {
  margin: 0;
  padding: 0;
  padding-left: 0.4em;
  font-weight: bold;
  padding-top: 2px; }

table.formsummary td.label {
  width: 11em;
  text-align: right;
  border-top: dotted 1px #99c; }

/* }}} */
/* tiny forms (tiny) {{{ */
form.tiny {
  position: relative; }

form.tiny div.ic_control {
  padding: 0.1em 0; }

form.tiny label {
  font-size: 12px;
  display: block; }

form.tiny label.inline,
form.tiny label.checkboxradio {
  display: inline; }

form.tiny label.hidden {
  display: none; }

form.tiny dl, form.tiny p, form.tiny table.formsummary {
  line-height: 1.3em;
  /*reset to more normal */ }

form.tiny input.checkbox {
  font-size: 13px; }

form.tiny input, form.tiny select {
  font-size: 13px; }

form.tiny textarea {
  border: none;
  display: block;
  font-size: 13px; }

form.tiny input.normal, form.tiny select.normal {
  height: 1.4em;
  padding: 0 0.2em 0 0.2em;
  margin: 0;
  border: none; }

form.tiny select.multiple {
  border: none;
  display: block; }

form.tiny input.button {
  display: inline; }

form.tiny div.invalid {
  border: solid 1px red;
  border-left-width: 1em;
  margin: 0;
  margin-bottom: 0.4em;
  padding-left: 0.4em;
  background-color: #fdd; }

/* }}} */
/* horizontal bar (whereis this used?) {{{ */
div.bar_horiz_1 {
  height: 8px;
  margin: 1px 0;
  border: solid 1px black;
  background-image: url("/format/bar_horiz_1.png");
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #27a; }

/* }}} */
/* pre {{{ */
pre {
  border-color: #27a;
  background: #e9f2f8; }

/* }}} */
/* gallery  {{{ */
div.gallery {
  clear: both; }

div.gallery div.size1,
div.gallery div.size2,
div.gallery div.size3,
div.gallery div.size4 {
  float: left;
  clear: none;
  margin-right: 1em;
  margin-bottom: 1em; }

/* }}} */
/*stilly {{{*/
.stilly {
  position: relative;
  padding: 0 24px; }

.stilly-prev,
.stilly-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 24px;
  padding-top: 30%;
  cursor: pointer;
  background-image: url("/format/splat/box-bg.jpg");
  background-repeat: repeat;
  overflow: hidden;
  font-size: 24px;
  opacity: 0.2; }

.stilly-prev {
  left: 0; }

.stilly-next {
  right: 0; }

.stilly-prev:hover,
.stilly-next:hover {
  opacity: 1; }

/*}}}*/
/* me/index comms (ea, es...) {{{ */
.comms_1, .comms_2, .comms_0 {
  padding-left: 50px;
  background-position: top left;
  background-repeat: no-repeat; }

.comms_1 {
  background-image: url("/format/comms_1.gif"); }

.comms_2 {
  background-image: url("/format/comms_2.gif"); }

.comms_0 {
  background-image: url("/format/comms_0.gif"); }

/* }}} */
/* tests */
.ie7test {
  display: none; }

#is_ie7 .ie7test {
  display: block; }

/* -------------------------------------------*/
/* 1kgrid (extended) {{{ 
 *from  http://www.1kbgrid.com/ http://www.usabilitypost.com/2009/06/19/the-1kb-css-grid-part-3/
 * Nb.: appended 1k onto .column and .row so does not clash */
/* ================ */
/* = The 1Kb Grid = */
/* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 {
  width: 64px; }

.grid_2 {
  width: 144px; }

.grid_3 {
  width: 224px; }

.grid_4 {
  width: 304px; }

.grid_5 {
  width: 384px; }

.grid_6 {
  width: 464px; }

.grid_7 {
  width: 544px; }

.grid_8 {
  width: 624px; }

.grid_9 {
  width: 704px; }

.grid_10 {
  width: 784px; }

.grid_11 {
  width: 864px; }

.grid_12 {
  width: 944px; }

.column1k {
  margin: 0 8px;
  /*	overflow: hidden; this is unhelpful */
  float: left;
  display: inline; }

.bordered {
  border: solid 1px #aaa;
  margin: 0 4px;
  /* This class is applied on top of column1k (defined later in css) so this takes precidence */
  padding: 0 3px;
  /* 4px margin + 1px border + 3px padding = 8px  equiv. to normal margin*/
  background-color: #dde;
  background-color: rgba(128, 128, 128, 0.3); }

.row1k {
  width: 960px;
  margin: 0 auto;
  overflow: hidden; }

/* nested rows */
.row1k .row1k {
  margin: 0 -8px;
  width: auto;
  display: inline-block; }

/* }}} */
/* Navigation: mainsections {{{ 
*/
ul.mainsections {
  margin: 0;
  padding: 0; }

ul.mainsections li {
  list-style-type: none;
  line-height: normal;
  background: none;
  display: inline-block;
  margin: 0;
  margin-right: 6px;
  padding: 0;
  font-weight: normal;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

ul.mainsections li:hover {
  background-image: url("/format/splat/mainnav-sel.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  color: white; }

ul.mainsections li.selected {
  background-image: url("/format/splat/mainnav-sel.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  color: black; }

ul.mainsections li a {
  display: block;
  padding: 6px; }

ul.mainsections li a,
ul.mainsections li a:visited {
  color: #6f8a00;
  text-decoration: none; }

ul.mainsections li.selected a,
ul.mainsections li.selected a:visited {
  color: black; }

ul.mainsections li:hover a {
  color: white; }

#is_ie6 ul.mainsections li,
#is_ie7 ul.mainsections li {
  float: left; }

#is_ie7 ul.mainsections li {
  list-style-type: none;
  line-height: normal;
  background: none;
  display: inline-block;
  margin: 0;
  margin-right: 6px;
  padding: 0;
  font-weight: normal;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

#is_ie7 ul.mainsections li:hover {
  background-image: url("/format/splat/mainnav-sel.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  color: white; }

#is_ie7 ul.mainsections li.selected {
  background-image: url("/format/splat/mainnav-sel.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  color: black; }

/* }}} */
/* structural {{{ */
#top {
  background-color: #f2f2f2;
  background-image: url("/format/splat/top-repeatx.png");
  background-repeat: repeat-x;
  background-position: top; }

#container {
  background-image: url("/format/splat/body-repeaty.png");
  background-repeat: repeat-y;
  background-position: top middle;
  font-size: 14px; }

#mainpane {
  padding-top: 5px; }

.site-buttons {
  position: relative;
  margin-left: 5px;
  margin-bottom: 12px;
  height: 48px;
  width: 48px; }

.magicmenu .closed,
.magicmenu .open {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
.magicmenu .closed {
  display: block;
  margin-left: 1px;
  margin-top: 1px; }
.magicmenu .open {
  /*display:none;*/
  left: -4000px;
  width: 300px;
  height: 74px;
  background-color: rgba(255, 255, 255, 0.95);
  background-image: url("/format/splat/magicmenu-background.png");
  background-position: top middle;
  z-index: 3;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 4px 4px 7px rgba(80, 80, 80, 0.7);
  -webkit-box-shadow: 4px 4px 7px rgba(80, 80, 80, 0.7);
  box-shadow: 4px 4px 7px rgba(80, 80, 80, 0.7);
  opacity: 0;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }
  .magicmenu .open ul {
    margin-left: 80px; }
.magicmenu a {
  color: black; }
.magicmenu a:hover {
  color: white; }
.magicmenu:hover .closed {
  display: none; }
.magicmenu:hover .open {
  display: block;
  opacity: 1;
  left: 0; }

.social-tab,
.social-dash {
  background: #EEFCDB;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8dc63f 0%, #c4e0ac 9%, #eefcdb 100%) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc63f), color-stop(9%, #c4e0ac), color-stop(100%, #eefcdb)) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8dc63f 0%, #c4e0ac 9%, #eefcdb 100%) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8dc63f 0%, #c4e0ac 9%, #eefcdb 100%) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8dc63f 0%, #c4e0ac 9%, #eefcdb 100%) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* IE10+ */
  background: linear-gradient(to bottom, #8dc63f 0%, #c4e0ac 9%, #eefcdb 100%) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#eefcdb',GradientType=0 ) no-repeat scroll 0 0/100% 106px #EEFCDB;
  /* IE6-9 */ }

.social-tab:before, .social-dash:before {
  background-color: transparent;
  box-shadow: 4px 4px 10px 8px;
  height: calc(100% - 16px);
  left: 6px;
  position: absolute;
  top: 9px;
  width: calc(100% - 16px);
  z-index: -1;
  content: "";
  border-radius: 8px; }

.social-tab:before {
  width: 40px; }

.social-tab {
  border-radius: 8px 0 0 8px;
  height: 40px;
  padding: 8px;
  width: 42px; }

.social-dash {
  border-radius: 0 8px 8px 0;
  left: 58px;
  padding: 24px;
  position: absolute;
  top: 0;
  width: 300px; }

.social-dash hr {
  border: none;
  background-color: #8dc63f;
  height: 1px;
  width: 100%;
  margin: 12px 0; }

.social-btn {
  display: inline-block;
  float: left;
  /* msie*/
  width: 100px; }

.social-text {
  display: inline-block;
  float: left;
  /* msie*/
  width: 180px; }

/* }}} */
/* Navigation: In this section {{{ */
div.sidebar-left-content {
  padding: 8px;
  font-size: 12px;
  background-color: white;
  background-image: url("/format/splat/sidenav-repeaty.png");
  background-repeat: repeat-y;
  background-position: left top; }

div.sidebar-left-content li {
  background-image: url("/format/splat/li-square-green.png");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 10px; }

div.sidebar-left-content h3 {
  font-size: 12px;
  font-weight: normal;
  color: black;
  margin-bottom: 4px;
  margin-top: 0; }

/*}}}*/
/* Navigation: you are here breadcrumbs {{{ */
.nav-yah {
  margin-bottom: 12px; }

.nav-yah a,
.nav-yah span {
  background-image: url("/format/splat/yah-separator.png");
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 10px;
  padding-right: 4px;
  color: #6f8a00; }

.nav-yah a.home {
  background-image: none;
  padding-left: 0;
  padding-right: 4px; }

div.sidebar-left-content li {
  background-image: url("/format/splat/li-square-green.png");
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 10px; }

div.sidebar-left-content h3 {
  font-size: 11px;
  font-weight: normal;
  color: black;
  margin-bottom: 4px;
  margin-top: 0; }

div.sidebar-left-content li a {
  display: block; }

/*}}}*/
/* header and its children {{{ */
#header {
  background-image: url("/format/splat/header.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  height: 225px;
  width: 100%;
  position: relative; }

#nav-primary {
  position: absolute;
  top: 173px;
  left: 83px; }

#search-box {
  position: absolute;
  /* 		top:16px; */
  top: 0;
  right: 71px;
  right: 8px;
  width: 100px; }

#searchtext {
  width: 100%;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  border: solid 1px #7ca563;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

#searchtext:hover,
#searchtext:focus {
  background-color: white;
  border-color: black; }

#logo-home {
  position: absolute;
  top: 58px;
  left: 73px;
  border: none; }

#logo-campaign {
  position: absolute;
  left: 504px;
  top: 37px; }

/* is this required? 	#logo-campaign a img { border:none; } */
/* todo xxx fix this */
#search-box label {
  display: none; }

#permanent-links {
  position: absolute;
  top: 4px;
  right: 130px;
  font-size: 12px; }

/* }}} */
/* funders sidebar {{{ */
.funders {
  background-image: url("/format/splat/funders-box-top.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-color: white;
  font-size: 10px; }

.funders .inner {
  background-image: url("/format/splat/funders-box-bottom.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 33px 5px; }

/* }}} */
/* pagefooter {{{ */
#pagefooter {
  background-image: url("/format/splat/footer-bg-repeat-x.jpg");
  background-position: left top;
  background-repeat: repeat-x;
  font-size: 11px;
  clear: both;
  height: 279px; }

#pagefooter div.footer-start {
  background-image: url("/format/splat/footer-start.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 48px; }

#pagefooter,
#pagefooter h1,
#pagefooter h2,
#pagefooter h3,
#pagefooter a {
  color: white;
  font-weight: normal; }

#pagefooter h1 {
  font-size: 17px;
  margin: 0;
  margin-bottom: 14px; }

#pagefooter h2 {
  font-size: 14px; }

#pagefooter p {
  margin-top: 2px;
  margin-bottom: 4px; }

/* }}} */
/*  Special headings (pagetitle, sidebar-left... {{{ */
h1.pagetitle {
  margin-top: 10px;
  margin-bottom: 14px;
  color: #e60034; }

/*}}}*/
p.news_description {
  font-weight: bold;
  width: 450px; }

/* a.button {{{ */
a.button {
  display: inline-block;
  margin: 0;
  margin-right: 6px;
  padding: 6px 18px;
  font-weight: normal;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-image: url("/format/splat/a-button.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  text-decoration: none;
  color: white; }

/* }}} */
/* sticky-outy right area content 300px  {{{ */
div.right {
  float: right;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  width: 300px;
  clear: right;
  margin-right: -88px;
  border: solid 25px #f2f2f2;
  -moz-border-image: url("/format/splat/right-include.png") 25 fill stretch;
  -webkit-border-image: url("/format/splat/right-include.png") 25 fill stretch;
  border-image: url("/format/splat/right-include.png") 25 fill stretch; }

/* msie 6-8 can't do border image */
.is_ie div.right {
  background-color: white;
  border: solid 1px #eee;
  border-left: none;
  padding: 20px;
  margin-bottom: 20px; }

/* reset msie hack */
.is_ie .box .right,
.is_ie .highlight .right {
  background-color: transparent; }

/* fix for ie6 */
#is_ie6 div.right {
  padding-left: 2px;
  position: relative;
  margin-right: -40px; }

div.inset {
  float: right;
  clear: right;
  padding: 0 0 0 14px;
  margin: 0 0 20px 12px;
  /*top left bottom right */
  width: 304px;
  background-image: url("/format/splat/inset.jpg");
  background-position: left top;
  background-repeat: no-repeat; }

/* special case: inset inside fancy box */
.fancy .box .inset {
  background: none;
  border-left: solid 1px #e60034; }

/* special case: image on right, in box */
div.box div.right {
  margin: 0;
  margin-left: 24px;
  padding: 0;
  -moz-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border: none;
  width: 280px; }

div.box div.right div.size2 {
  width: auto; }

div.box div.right div.imbox {
  background: none;
  padding: 0; }

div.right > h1:first-child,
div.right > h2:first-child,
div.right > h3:first-child,
div.right > h4:first-child {
  margin-top: 0; }

/* }}} */
/* special case: Force size on embedded objects in certain situations {{{ */
div.right object,
div.right embed {
  width: 300px; }

div.right .box object,
div.right .box embed,
div.box .right embed,
div.box .right object {
  width: 280px; }

/* }}} */
/* construct: new magazine style news  {{{ */
div.news_magazine_container div.imbox,
div.news_magazine_container div.imbox_transparent {
  float: right;
  background: none;
  padding: none;
  padding-right: 0;
  padding-top: 0; }

div.news_magazine_container div.imbox img {
  border: solid 1px black; }

div.news_magazine_container h1 {
  margin-top: 0; }

ul.news_list {
  border-top: dashed 1px #eee;
  border-bottom: dashed 1px #eee;
  padding-bottom: 4px; }

ul.news_list h2 {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: normal; }

#is_ie7 ul.news_list h2 a {
  color: #e60034; }

#is_ie7 ul.news_list li h2 {
  background-color: white;
  /* for some reason without this, the background-image is lost! */ }

/* }}} */
/* construct: box {{{ */
div.box {
  background: none;
  border: solid 1px #cc0088;
  background-color: white;
  overflow: auto; }

div.box > h1,
div.box > h2,
div.box > h3 {
  background-image: url("/format/splat/heading-background.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  font-family: 'takeoutthegarbageRegular','Trebuchet MS';
  font-weight: normal;
  padding: 8px;
  margin: 16px -9px 12px;
  color: white; }

div.right div.box > h1,
div.right div.box > h2,
div.right div.box > h3 {
  margin-left: -11px;
  margin-right: -11px; }

div.box > h1 {
  background-image: url("/format/splat/box-heading-sketch.png");
  background-position: right bottom;
  font-size: 32px;
  line-height: 28px;
  height: 38px; }

div.box > h2,
div.box > h3 {
  font-size: 22px;
  line-height: 16px; }

div.box > h1:first-child,
div.box > h2:first-child,
div.box > h3:first-child {
  margin-top: -14px;
  background-position: center bottom; }

/* Now undo this rule for crappy Microsoft browsers */
#is_ie6 div.box h1,
#is_ie6 div.box h2,
#is_ie6 div.box h3 {
  margin-top: 1em; }

/* MSIE 6-8 won't do Woff font, so we reduce size a bit */
.is_ie div.box h1 {
  font-size: 28px; }

.is_ie div.box h2,
.is_ie div.box h3 {
  font-size: 18px; }

/* MSIE 6 hacks! {{{ */
#is_ie6 div.box h1,
#is_ie6 div.box h2,
#is_ie6 div.box h3 {
  background-image: url("/format/splat/heading-background.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: white;
  font-family: 'takeoutthegarbageRegular','Trebuchet MS';
  font-weight: normal;
  padding: 8px;
  margin: 16px -9px 12px;
  color: white; }

#is_ie6 div.right div.box h1,
#is_ie6 div.right div.box h2,
#is_ie6 div.right div.box h3 {
  margin-left: -11px;
  margin-right: -11px; }

/* }}} */
/* }}} */
/* fancy box and highlight {{{ */
div.fancy div.box,
div.highlightwithfeatures div.highlight {
  background-image: url("/format/splat/fancybox.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: #f4fedb;
  -webkit-border-radius-bottomleft: 10px;
  -webkit-border-radius-bottomright: 10px;
  -o-border-radius-bottomleft: 10px;
  -o-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-box-shadow: -1px 8px 9px 0 rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: -1px 8px 9px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: -1px 8px 9px 0 rgba(0, 0, 0, 0.2) inset; }

/* }}} */
/* special case: .box > .right {{{ */
.highlight .right,
.box .right {
  background-image: none;
  margin-right: 0;
  -moz-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border: none; }

/* }}} */
/* construct: highlightwithfeatures {{{ */
div.highlightwithfeatures {
  margin-right: -88px;
  margin-bottom: 24px; }

div.highlightwithfeatures div.highlight {
  width: 524px;
  margin-right: 14px;
  display: inline-block;
  border: solid 1px #7ca563;
  overflow: auto;
  padding: 9px;
  vertical-align: top; }

div.highlightwithfeatures > div.features {
  display: inline-block;
  margin: 0;
  width: 224px;
  float: none;
  padding: 0;
  vertical-align: top; }

div.highlightwithfeatures > div.features div.features {
  margin: 0; }

div.highlightwithfeatures div.highlight h1 {
  background-image: url("/format/splat/box-heading-sketch.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding: 9px;
  font-size: 32px;
  color: white;
  font-family: 'takeoutthegarbageRegular','Trebuchet MS';
  font-weight: normal;
  margin: -16px -9px 0;
  height: 43px; }

/* hacks for ie7  {{{*/
#is_ie7 div.highlightwithfeatures {
  width: 796px;
  overflow: auto; }

#is_ie7 div.highlightwithfeatures div.highlight {
  float: left;
  width: 527px; }

.home #is_ie7 div.highlightwithfeatures {
  width: 880px; }

.home #is_ie7 div.highlightwithfeatures div.highlight {
  width: 607px; }

#is_ie7 div.highlightwithfeatures div.features {
  float: left; }

#is_ie7 div.highlightwithfeatures div.highlight h1 {
  background-color: white; }

#is_ie7 div.highlightwithfeatures div.features div.features {
  float: right; }

#is_ie7 div.highlightwithfeatures div.highlight h1 a {
  color: white; }

/* }}} */
/* hacks for ie6  {{{*/
#is_ie6 div.highlightwithfeatures {
  position: relative;
  width: 796px;
  overflow: auto; }

#is_ie6 div.highlightwithfeatures div.highlight {
  float: left;
  width: 538px; }

.home #is_ie6 div.highlightwithfeatures {
  width: 880px; }

.home #is_ie6 div.highlightwithfeatures div.highlight {
  width: 627px; }

#is_ie6 div.highlightwithfeatures div.features {
  float: left;
  width: 280px; }

#is_ie6 div.highlightwithfeatures div.features div.features {
  float: right;
  margin-left: -360px;
  width: auto; }

#is_ie6 div.highlightwithfeatures div.highlight h1 {
  background-color: white; }

#is_ie6 div.highlightwithfeatures div.highlight h1 a {
  color: white; }

/* }}} */
div.highlightwithfeatures div.highlight div.size2 {
  float: right;
  width: 280px;
  margin: 0;
  margin-left: 8px; }

div.highlightwithfeatures div.highlight div.size2 div.imbox {
  background: none;
  padding: 0; }

/* special case for homepage */
body.home div.highlightwithfeatures div.highlight {
  width: 604px; }

/* no woff; reduce font size */
.is_ie div.highlightwithfeatures div.highlight > h1 {
  font-size: 28px; }

/* }}} */
/* construct: homepagelayout {{{ */
div.homepagelayout {
  overflow: hidden;
  margin: 24px -8px;
  width: auto;
  display: inline-block; }

div.homepagelayout div.col1 {
  width: 304px;
  margin: 0 8px;
  float: left;
  display: inline; }

div.homepagelayout div.col2 {
  width: 304px;
  margin: 0 8px;
  float: left;
  display: inline; }

div.homepagelayout div.col3 {
  width: 144px;
  margin: 0 8px;
  float: left;
  display: inline; }

div.homepagelayout div.col2 embed {
  width: 304px;
  height: 220px; }

/* }}} */
/* construct: features {{{ */
div.features {
  float: right;
  clear: right;
  margin-right: -81px;
  width: 224px;
  margin-left: 16px; }

/* feature box */
div.feature {
  position: relative;
  width: 224px;
  height: 100px;
  background-image: url("/format/splat/feature-bg.png");
  background-position: top left;
  background-repeat: no-repeat; }

div.feature:hover {
  background-image: url("/format/splat/feature-bg-hover.png"); }

div.feature div.imbox {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 6px;
  left: 6px;
  height: 67px;
  width: 67px;
  overflow: hidden; }

div.feature h1,
div.feature h2,
div.feature h3 {
  margin-top: 0;
  margin-bottom: 2px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 17px;
  -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

div.feature img {
  margin: -10px 0 0 -20px; }

div.feature div.text {
  position: absolute;
  top: 6px;
  left: 79px;
  height: 70px;
  width: 134px;
  overflow: hidden; }

/* }}} */
/* construct: system messages to used {{{ */
div.boxwithicon {
  background-image: url("/format/icon_info.png");
  background-position: 3px 1em;
  background-repeat: no-repeat;
  background-color: #e0f1d5;
  padding: 6px 24px;
  min-height: 24px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-top: 4px;
  margin-bottom: 8px; }
  div.boxwithicon blockquote {
    background: #eee;
    margin-left: 1em;
    padding: 0.5rem 1rem;
    font-family: 'Georgia','Dejavu Serif', serif;
    font-style: italic;
    border: none; }
  div.boxwithicon p.blockquote_citation {
    background: none;
    position: static; }

div.boxwithicon.warning {
  background-image: url("/format/icon_warning.png");
  background-color: #eec888; }

div.boxwithicon.good {
  background-image: url("/format/icon_good.png");
  background-color: #dfffdd; }

div.boxwithicon.bad {
  background-image: url("/format/icon_bad.png");
  background-color: #dbb; }

/* }}} */
/* twitter feed {{{ */
div.gizmo_feed_container.twitter {
  padding-left: 0;
  background-image: none; }

div.gizmo_feed_container.twitter div.gizmo_feed_box,
div.gizmo_feed_container.twitter div.gizmo_feed_title,
div.gizmo_feed_container.twitter div.gizmo_feed_content {
  border: none;
  background: none;
  padding: 0;
  margin: 0; }

div.gizmo_feed_container.twitter div.gizmo_feed_title h2 {
  background-image: url("/format/icon_16px_twitter.png");
  padding: none;
  margin: 0;
  font-size: 17px; }

div.gizmo_feed_container.twitter ul {
  margin: 0;
  padding: 0; }

div.gizmo_feed_container.twitter li {
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background-image: none;
  border-bottom: dashed 1px #eee;
  font-size: 12px; }

#is_ie7 div.gizmo_feed_container.twitter li {
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background-image: none;
  border-bottom: dashed 1px #eee;
  font-size: 12px; }

/* }}} */
/* media: print: Nb. to test this preceed each thing with html.print and then use firebug to add print class to html  {{{ */
@media print {
  #container,
  html,
  body {
    background-image: none;
    background-color: white;
    width: 100%;
    margin: 0;
    padding: 0; }

  a,
  a:visited,
  a.cmd,
  a.cmd:visited {
    color: black;
    text-decoration: underline; }

  form,
  #header,
  div#adminbox,
  div.debug,
  #sidebar-left,
  #sidebar,
  #pagefooter {
    display: none; }

  #print_header,
  form.survey {
    display: block; }

  #mainpane {
    width: auto; } }
/* }}} */
/* construct: form element sizers {{{*/
div.ic {
  background-color: white;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 8px;
  padding: 4px;
  border: solid 1px #c0D155; }

div.ic > input,
div.ic > textarea {
  width: 100%;
  border: none;
  margin: 0; }

#is_ie6 div.ic input,
#is_ie6 div.ic textarea,
#is_ie7 div.ic input,
#is_ie7 div.ic textarea {
  width: 100%;
  border: none 0 white;
  margin: 0;
  padding: 0; }

#is_ie8 input[type="file"],
#is_ie7 input[type="file"] {
  border: solid 1px #c0D155 !important;
  width: 300px; }

/*}}}*/
/* xxx old */
/* left box that won't interfere with div.right box {{{ */
div.left {
  margin-right: 320px;
  padding: 0; }

.box .left {
  margin-right: 0; }

div.limit {
  float: left;
  margin: 0;
  padding: 0; }

div.left:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Hides from IE-mac which properly treats this escape->\*/
* html div.left {
  height: 1%; }

/* End hide from ie-mac. ie/win will have processed the css between
 * these comments. */
/* }}} */
div.centre {
  border: none;
  margin: 0;
  padding: 0;
  text-align: center; }

/* flowcharts {{{ */
div.flowchartbox {
  border: 1px solid #83d057;
  margin: 0;
  padding: 9px;
  background-color: #e0f1d5; }

div.flowchartbox h1 {
  font-size: 24px;
  text-align: center; }

div.flowchartbox h2 {
  font-size: 14px;
  text-align: center; }

div.flowchartbox h3 {
  font-size: 14px;
  text-align: center; }

div.flowchartbox h4 {
  font-size: 14px;
  text-align: center; }

div.flowchartbox > h1:first-child,
div.flowchartbox > h2:first-child,
div.flowchartbox > h3:first-child,
div.flowchartbox > h4:first-child {
  margin-top: 0; }

#is_ie6 div.flowchartbox h1,
#is_ie6 div.flowchartbox h2,
#is_ie6 div.flowchartbox h3,
#is_ie6 div.flowchartbox h4 {
  margin-top: 0.2em; }

div.flowchartjoiner {
  border: none;
  margin: 0;
  margin-top: -1px;
  background-image: url("/format/flowchartjoiner.gif");
  background-position: center;
  background-repeat: no-repeat;
  height: 53px; }

/* }}} */
#signin {
  position: absolute;
  top: 26px;
  right: 8px;
  width: 160px;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#signin-content {
  display: none; }

#signin-fakebtn {
  margin-left: auto;
  padding: 6px 18px;
  font-weight: normal;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url("/format/splat/a-button.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  text-decoration: none;
  color: white;
  width: 4em; }

#signin input.primary.awesome {
  background-color: #E60034; }

#signin input.primary.awesome:hover {
  background-color: #c60014; }

#signin:hover {
  border: solid 1px #c0D155 !important;
  padding: 0.4em;
  background-color: #e0f1d5;
  background-image: url("/format/splat/box-bg.jpg");
  background-position: top left;
  background-repeat: repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 4px 4px 7px rgba(80, 80, 80, 0.7); }

#signin:hover #signin-fakebtn {
  display: none; }

#signin:hover #signin-content {
  display: block; }

/*}}}*/
/* ajax interactive stuff {{{*/
.autocomplete {
  position: absolute;
  margin-top: 2px;
  background-color: #eee;
  background-image: url("/format/splat/box-bg.jpg");
  background-repeat: repeat;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  color: #343;
  -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); }

.autocomplete ul {
  margin: 0;
  padding: 0; }

.autocomplete li {
  margin: 0;
  padding: 0 6px;
  background-image: none; }

.clickable {
  cursor: pointer; }

.clickable.selected {
  background-color: #efc;
  color: black; }

/*}}}*/
/*background-image: url('/format/splat/mainnav-sel.jpg');*/
/* gl13 surveys {{{*/
/* make appeal boxes highlighted. */
.survey-qid-6858,
.survey-qid-7021,
.survey-qid-6872,
.survey-qid-6896,
.survey-qid-6908,
.survey-qid-6925,
.survey-qid-6935,
.survey-qid-6961,
.survey-qid-6995,
.survey-qid-7014 {
  border: solid 8px #91BD09;
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px; }

.survey-qid-6859,
.survey-qid-7022,
.survey-qid-6873,
.survey-qid-6897,
.survey-qid-6909,
.survey-qid-6926,
.survey-qid-6936,
.survey-qid-6962,
.survey-qid-6996,
.survey-qid-7015 {
  border: solid 8px #91BD09;
  border-top: none;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 10px; }

#gl2013-sponsor {
  padding-bottom: 8px;
  display: block;
  float: right;
  clear: right;
  margin-right: -81px;
  width: 224px;
  margin-left: 16px; }

div.highlightwithfeatures #gl2013-sponsor {
  margin: 0; }

/* gl14 surveys {{{*/
.survey-view.survey-qid-8290,
.survey-view.survey-qid-8292,
.survey-view.survey-qid-8294,
.survey-view.survey-qid-8296,
.survey-view.survey-qid-8299,
.survey-view.survey-qid-8302,
.survey-view.survey-qid-8304,
.survey-view.survey-qid-8306,
.survey-view.survey-qid-8308,
.survey-view.survey-qid-8310,
.survey-view.survey-qid-8329 {
  display: none; }

form .survey-qid-7756 .survey-instructions,
form .survey-qid-7762 .survey-instructions,
form .survey-qid-7765 .survey-instructions,
form .survey-qid-7820 .survey-instructions,
form .survey-qid-7845 .survey-instructions,
form .survey-qid-7864 .survey-instructions,
form .survey-qid-7887 .survey-instructions,
form .survey-qid-7897 .survey-instructions,
form .survey-qid-7925 .survey-instructions,
form .survey-qid-7964 .survey-instructions,
form .survey-qid-8029 .survey-instructions,
form .survey-qid-8173 .survey-instructions {
  display: none; }

/*}}}*/
.about-you-edit-section {
  background-color: #eed;
  padding: 8px;
  margin-bottom: 8px; }

.about-you-edit-section.edit {
  background-color: #cea; }

.about-you-edit-section .buttons {
  float: right;
  margin-left: 10px;
  text-align: right; }

.about-you-edit-section .buttons button {
  width: 9em; }

.about-you-edit-section .error {
  background: none repeat scroll 0 0 #AA0000;
  border-left: 5px solid red;
  color: white;
  margin-right: 11em;
  padding: 8px; }

/*# sourceMappingURL=splat.css.map */