/*	core.css - peopleandplanet.org style

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


Colour definitions: 

define $green	 		#7ca563
define $vivid_green	    #83d057
define $dk_green		#485F39
define $red     		#a71f26
define $blue	 		#27a 
define $link	 		#fe5921 
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
*/

/* global classes */
.greyed { color: #aaa; }


/* body and main structural divs {{{ */
body {	
	background-color: white;
	background-image:url('/format/tophl.png');
	background-repeat:repeat-x;
	background-position:0 6px ;
	font-size: 14px /*$textSizeNormal*/;
}
#sidebar {
    width: 123px;
    float: left;
    padding: 8px;
}
#is_ie5 #sidebar,
#is_ie6 #sidebar
{	width: 139px; }

#content {
	background-repeat:no-repeat;
	background-image:url('/format/whiskers.jpg');
	background-position:0 0;
    position: absolute;
    left: 139px;
    top: 66px;
    padding: 8px;
    right: 0;
	max-width:700px; 
}
/* browsers with no support for max-width */
#is_ie5 #content,
#is_ie6 #content
{	width:700px; }
/* This is the grey bit where the title goes */
#topbox  
{
	position: absolute;
	left:146px;
	top:0;
	right:0;
	height:66px;
	z-index:1;
}
#is_ie5 #topbox,
#is_ie6 #topbox
{	width:673px; }

#topbox h1,
#topbox p
{
	position:absolute;
	left:0;
	bottom:0;
	color:#27a /*$blue*/;
	margin:0; /* This is needed as an override */
}
#topbox h1 { 	bottom:-0.2em; }
/* This is for homepages, it's a box under the page title that is 
	designed to allow for a focus.*/
#printlogo { display:none; }

#homepage_highlight h1 { 
	color:#a71f26 /*$red*/; 
	margin:0.5em 0 0 0; /* top left bottom right */
}
#homepage_general
{
	margin-top:0.5em;
	padding-top:0.5em;
	clear:both;
}
#stdfooter {
	clear:both;
	border-top: solid 1px #999;
	font-size:10px /*$textSizeXSmall*/;
	color:#888;
}
#stdfooter p.boring_details {font-size:10px /*$textSizeXSmall*/}
/* }}} */

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

/* list items {{{ */
li
{
	line-height:1.4em
}
/* }}} */

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

/* links colouring {{{*/
a 			{ color:#fe5921 /*$link*/; text-decoration:underline; }
a:visited 	{ color:inherit; text-decoration:underline; }
a.cmd { font-size:smaller; }
a.cmd:visited 	{ color:#fe5921 /*$link*/;font-size:smaller; text-decoration:underline; }
a:hover,
label:hover		{ color:#a71f26 /*$red*/ }
/* }}} */

/* sidebar search form  {{{ */
form.sidebarsearch input
	{font-size:13px /*$textSizeInputSmall*/;font-weight:normal; }
form.sidebarsearch label
	{font-size:10px /*$textSizeXSmall*/;font-weight:normal; }
form.sidebarsearch input#searchtext 
{	border:solid 1px #27a /*$blue*/;padding:0 4px;margin:0;display:block;width:96px;}

/* }}} */

/* Tables {{{ */
table	{ font-size:12px /*$textSizeSmall*/; }
td, th 	{ border-color:#27a /*$blue*/; }
th		{ color:#27a /*$blue*/; }
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 } 
/* }}} */

/* Headings {{{ */
h1, h2, h3, h4 	{ 
	margin:1em 0 0.2em 0; /* top right bottom left */ 
	font-weight:bold;
}
div>h1:first-child,
div>h2:first-child,
div>h3:first-child
{
	margin-top:0;
}
h1 
{ 
	font-size: 24px /*$textSizeXLarge*/;
	color:#7ca563 /*$green*/; 
	color:#a71f26 /*$red*/; 
	font-weight: normal;
}
h2
{ 
	font-size: 17px /*$textSizeLarge*/;
	color:#a71f26 /*$red*/; 
}
h3 
{ 
	font-size: 14px /*$textSizeNormal*/;
	color: #27a /*$blue*/; 
	color:#a71f26 /*$red*/; 
}
h4 
{ 
	font-size: 14px /*$textSizeNormal*/;
	color: #a71f26 /*$red*/; 
	font-weight:medium;
}
/* }}} */

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

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 { 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: 36px;
	margin-left:0;
    padding-bottom: 0.5em;
	background-image: url('/format/blockquote.gif');
	background-position: top left;
	background-repeat:no-repeat;
}
blockquote p { margin-bottom:0.4em; }
p.blockquote_citation 
{
   	text-align:right; 
	margin-top:-0.4em; /* cancels 0.4 spacing after ps */
	font-style:italic;
	padding-left:2em;
}
cite {
    margin-left: 4em;
    margin-bottom: 1.5em;
	font-size:12px /*$textSizeSmall*/;
}


/* }}} */

/* boxes columns etc. used on peopleandplanet.org {{{ */
/* right area content 300px  {{{ */
div.right {
	float:right;
	padding:0;
	margin:0;
	margin-left:20px;
	width:300px;
	clear:right;
}

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

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

div.right input,
div.right textarea,
div.right select
{ max-width:280px; }

/* }}} */
/* left box that won't interfere with div.right box {{{ */
div.left
{
	margin-right:320px;
	padding: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 /*$vivid_green*/;
	margin: 0;
	padding:9px; 
	background-color:#e0f1d5 /*$bg_green*/;
}

div.flowchartbox h1 {	font-size:24px /*$textSizeXLarge*/; text-align:center;}
div.flowchartbox h2 {	font-size:14px /*$textSizeNormal*/; text-align:center;}
div.flowchartbox h3 {	font-size:14px /*$textSizeNormal*/; text-align:center;}
div.flowchartbox h4 {	font-size:14px /*$textSizeNormal*/; 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_ie5 div.flowchartbox h1, 
#is_ie5 div.flowchartbox h2, 
#is_ie5 div.flowchartbox h3, 
#is_ie5 div.flowchartbox h4,
#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;
}
/* }}} */
/* highlight boxes {{{ */

div.box {
	border: 1px solid #83d057 /*$vivid_green*/;
	margin: 6px 0; 
	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 /*$bg_green*/;
	margin-left: 0;
}

div.right div.box
{
	padding:11px; /* because we have no left-right border */
}
div.right div.box div.size2 { width:auto; } /* disable this */
div.right div.box
{
	font-size:12px /*$textSizeSmall*/;
}

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

div.box h1 {
	margin-top: 0px;
	margin-bottom: 5px;
}
div.box h2 {
	margin-bottom: 5px;
    color:#a71f26 /*$red*/; 
	font-weight:bold;
}
div.box h3 {
	margin-bottom: 5px;
	font-weight:bold;
    color:#a71f26 /*$red*/; 
}
div.box > h1:first-child,
div.box > h2:first-child,
div.box > h3:first-child
{ margin-top:0; }
/* Now undo this rule for crappy Microsoft browsers */
#is_ie5 div.box h1,
#is_ie5 div.box h2,
#is_ie5 div.box h3,
#is_ie6 div.box h1,
#is_ie6 div.box h2,
#is_ie6 div.box h3
{ margin-top:1em ; }
/* }}} */
/* shouting box {{{ */
div.shouting { font-size:24px /*$textSizeXLarge*/;font-weight:bold;text-align:center }
/* not a heading, but big text }}} */


div.fancy
{
	background-image:url('/format/hl_box_bg.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	overflow:auto;
	padding-left:16px;
	padding-bottom:11px;
	margin:0;
	margin-left:-16px;
	margin-top:3px;
}
#homepage_highlight,
div.fancy>div.box,
div.right div.fancy>div.box
{
	overflow:auto;
	border:solid 1px red;
	border-bottom:none;
	background-color:transparent;
	background-image:none;
	padding-right:10px;
	padding-left:10px;
	margin:0;
	/*color:#a71f26;*/
}

/* repeat for ie6 */
#is_ie6 div.fancy div.box
{
	overflow:auto;
	border:solid 1px red;
	border-bottom:none;
	background-color:transparent;
	background-image:none;
	padding-right:10px;
	padding-left:10px;
	margin:0;
}
#is_ie6 div.fancy div.box h1 { margin-top:0; }

/* Used to alert user to the downfalls of their browser! */
div.msie { display:none;}
#is_ie5 div.msie 
#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 /*$bg_green*/;
	border:solid 1px #27a /*$blue*/;
}
div.menubox div.size2 { width:auto; } /* disable this */
div.menubox div.imbox, /* essentially disable this */
div.menubox div.imbox_transparent /* essentially disable this */
{ 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 /*$red*/; 
}
div.menubox div.imbox p { margin:0; margin-left:6px; font-size:10px /*$textSizeXSmall*/; }
div.menubox div.imbox_transparent p { margin:0; margin-left:6px; font-size:10px /*$textSizeXSmall*/; }
div.menubox div.overlap h1 { margin-top:-1.2em; margin-bottom:0; margin-left:6px; color:white; }
/* }}} */

/* midcol */
div.midcol { margin-left:140px; }
div.midcol div.size1 { margin-left:-140px; }
#is_ie5 div.midcol,
#is_ie6 div.midcol 
{ margin-left:140px;padding:0; } 
#is_ie5 div.midcol div.size1,
#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:10px /*$textSizeXSmall*/;
	margin-top:1em;
	color:#666;
	border-top:dashed 1px #aaa;
}
/* }}} */

p.signedin 
{
	font-size:10px /*$textSizeXSmall*/;
	margin:0;
	border:none !important;
}

/* 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;}
/*div.size2 		{width:298px;float:left;clear:none}*/
div.size2 img.cms, 
div.right div.imbox img.cms {width:280px;}


div.imbox,
div.imbox_transparent
{
	margin:0;
	margin-bottom:8px;
	padding:8px;
	display:block;
	position:static;
	color:black;
	float:none;
}
div.imbox
{
	background-color:#eee;
	background-image:url('/format/bg.grey.jpg');
	background-repeat:no-repeat;
}
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_ie5 div.imbox_transparent,
#is_ie6 div.imbox_transparent
{
	padding:8px; /* ... except in msie because it's crap*/
}

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

#is_ie5 div.imbox p,
#is_ie6 div.imbox_transparent p
{
	font-size:12px /*$textSizeSmall*/; 
}

div.imbox img { border:solid 1px black; }
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_ie5 div.size1,
#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:2px;}
div.size1 div.imbox_transparent { margin:0;padding:3px; }
div.size1 div.imbox p,
div.size1 div.imbox_transparent p
{
	font-size:10px /*$textSizeXSmall*/;
}
/* msie6 misbehaves here, for some reason...who knows...who cares...*/
#is_ie6 div.size1 div.imbox_transparent p
{
	font-size:10px /*$textSizeXSmall*/ !important;
	width:123px;
}
/* }}} */

/* copyright span */
span.copyright,
p.copyright { font-size:10px /*$textSizeXSmall*/; font-style:italic } 
.unemphasise,
p.copyright,
span.copyright
{ font-size:10px /*$textSizeXSmall*/; color:#888;font-style:italic } 
p.copyright a,
span.copyright a
{ color:#866; } 

/* }}} */

/* news containers {{{ */
div.news_container
{
	border:solid 1px #ccc;
	background-color:#b6de99;
	background-image:url('/format/bg.green.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin:0.5em 0;
	padding:0;
}
div.news_title { margin:0.2em 0.5em;}
	
div.news_title h1, 
div.news_title h2 
{ 
	font-size:14px /*$textSizeNormal*/;
	line-height:normal;
	margin:0;
	font-weight:bold;
	padding-right:0.5em;
	color:#781128;
}
div.news_container div.news_subject { 
	padding:0;
	text-align:right;
	margin-top:0.4em;
}
div.news_block { 
	background-color:white; 
	border-top:solid 1px #83d057 /*$vivid_green*/;
	padding:0.5em;
	margin:0 0 1px 0; /* 1px at bottom ensures border of news_container shows up! */
	background-image: url('/format/shadow1.png');
	background-repeat:repeat-x;
	background-position:top;
}
div.news_block.with_image_header
{
	background-image:none;
	border:none;
	padding-top:1px;
}
div.news_block div.news_block_inner 
{ 
	font-size:12px /*$textSizeSmall*/;
}
div.news_container div.imbox,
	div.news_container div.imbox_transparent
{
	float:left;
	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:solid 1px #83d057 /*$vivid_green*/;
}
div.gizmo_feed_container.with_image_header div.gizmo_feed_box
{
	border-top:none;
}
div.gizmo_feed_title
{
	background-color:#b6de99;
	background-image:url('/format/bg.green.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	padding:6px;
}
div.gizmo_feed_title h2
{
	font-size:14px /*$textSizeNormal*/;
	padding-left:24px;
	background-image: url('/format/icon_16px_rss.gif');
	background-repeat:no-repeat;
	background-position:top left;
}
div.gizmo_feed_content 
{
	background-color:white; 
	padding:6px 12px;
	margin:0 0 1px 0; /* 1px at bottom ensures border of news_container shows up! */
	border-top:solid 1px #83d057 /*$vivid_green*/;
	background-image: url('/format/shadow1.png');
	background-repeat:repeat-x;
	background-position:top;
	font-size:12px /*$textSizeSmall*/;
}
div.gizmo_feed_container.with_image_header div.gizmo_feed_content 
{
	border:none;
	background-image:none;
}

div.feed_title 
{ 
}


/* }}} */
/* 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 /*$textSizeXLarge*/;
	margin:0;
	margin-left:40px;
	min-height:40px;
}
/* }}} */
p#w3c { text-align:center; margin-top:3em; }
p#w3c img {display:inline;}


div.formbox 
{ 
	border:solid 1px #27a /*$blue*/;
	padding:0.4em;
	background-color:#BDDAEE /*$bg_bluebox*/;
	background-image:url('/format/bg.blue.jpg');
	background-repeat:no-repeat;
}
div.formbox h1,
#homepage_highlight div.formbox h1 
{
	color: #27a /*$blue*/; 
	font-size:14px /*$textSizeNormal*/;
	margin:0;
	margin-left:40px;
}	
div.formbox p
{
	margin-bottom:0.2em;
}
/* 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 /*$textSizeSmall*/; color:#999; }
form.dc1 input.normal, 
form.dc1 select.normal 
{
	height:1.4em;
	padding:0 0.2em 0 0.2em;
	border: solid 1px #27a /*$blue*/;
}
form.dc1 textarea 
{ 
	height:5em; 
	width:100%;
	border: solid 1px #27a /*$blue*/; 
}
#is_ie6 form.dc1 textarea 
{
	width:400px;
}

form.dc1 textarea.email 
{
	height:auto;
	border: solid 1px #27a /*$blue*/;
	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 /*$blue*/;
	display:block;
	margin-left:11em;
	position:static;
}
/* }}} */
/* }}} */
/* }}} */
/* Data Capture 4 forms (dc4) v.0.1 {{{
 *
 * Simple forms with label on top of element. 
 *
 * */

form.dc4 { }

/* defaults: everything's a block*/

form.dc4 input, 
form.dc4 select,
form.dc4 textarea
{
	display:block;
}
form.dc4 label,
form.dc4 label.array /* 'labels' that introduce a list of checkboxes or radios */
{
	line-height:1.4em;
	display:block;
	margin-top:8px;
}

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

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

/* invalid div */

form.dc4 div.invalid {
	border:solid 1px red;
	border-left-width:10px;
	position:static;
	margin:0;
	padding-bottom:0.4em;
	background-color:#fdd;
}
form.dc4 div.invalid p.invalidmsg { font-style:italic; }

/* }}} */

/* super-awesome-buttons 2010-03-15 {{{ */
button.awesome,
button.awesome:visited,
input.awesome,
input.awesome:visited
{
	background: #222 url(/format/bg_super_awesome_button.png) repeat-x;
	display: inline-block;
	padding: 2px 6px;
	color: white;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.awesome:hover 
{
	background-color:#111111;
	color:#eee;
}
.awesome:active { top:1px; }

 /* Sizes ---------- */
.small.awesome { font-size: 11px; }
.medium.awesome { font-size: 13px; }
.large.awesome { font-size: 14px; padding: 8px 14px 9px; }
 
/* Colors ---------- */
.primary.awesome,
.green.awesome { background-color:#91BD09; }
.primary.awesome:hover,
.green.awesome:hover { background-color: #719D00; }

.secondary.awesome,
.green.awesome { background-color: #aaa; }
.secondary.awesome:hover,
.green.awesome:hover { background-color: #888; }

.confirm.awesome,
.red.awesome { background-color: #cc4104; }
.confirm.awesome:hover,
.red.awesome:hover { background-color:#9c0100 ; }

.magenta.awesome { background-color: #a9014b; }
.orange.awesome { background-color: #ff5c00; }
.yellow.awesome { background-color: #ffb515; }

/* }}} */
button.awesome.sell,
input.awesome.sell
{
	background-image:url('/format/bg_sell_button.png');
	background-position: bottom left;
	background-repeat:no-repeat;
	padding-left:16px;
}
button.awesome.sell:hover,
input.awesome.sell:hover
{
	background-image:url('/format/bg_sell_button_hover.png');
}


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

/* }}} */

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

/* 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 { 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:10px /*$textSizeXSmall*/;display:block; }
form.tiny label.inline,
form.tiny label.checkboxradio { display:inline; }
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 /*$textSizeInputSmall*/; }
form.tiny input, form.tiny select{ font-size:13px /*$textSizeInputSmall*/; }
form.tiny textarea {
	display:block;
	font-size:13px /*$textSizeInputSmall*/;
}

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

/* links sidebar5 IN USE {{{ 
	>Campaigns				childsel
	 Trade Justice          sibling
	 Stop Climate Chaos     sibling
	 =>Treat AIDS Now       sel
	   News                 child
	   Briefing             child
	 Go green               sibling

General stuff for list  {{{ 
*/

ul.sidebar5 {
    margin:0;
	padding:0;
	width:123px;
}
#is_ie5 ul.sidebar5,
#is_ie6 ul.sidebar5
{
	background-color:white;
}
ul.sidebar5 li {
    list-style-type: none;
	line-height:normal;
    color: #888;
	margin: 0 0 0 0; /* top right bottom left */
    padding: 0 ;
    background-color:transparent;
	font-weight:normal;
}
ul.sidebar5 a,
ul.sidebar5 a:visited 
{
	text-decoration:none;
	color:black;
}
ul.sidebar5 li a:hover { color:#27a /*$blue*/; }
ul.sidebar5 li.child a:hover { color:#080; }
ul.sidebar5 li.sel a:hover { color:#080; }
/* }}}
selected item {{{ */
ul.sidebar5 li.sel,
ul.sidebar5 li.selhome
{
	background-image:url('/format/nav_sel_li_inner.gif');
	background-position:top left;
	background-repeat:no-repeat;
    padding-left: 0;
	color:black;
	font-weight:bold;
}
ul.sidebar5 li.sel a,
ul.sidebar5 li.selhome a
{
	font-size:12px /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.sel,
#is_ie5 ul.sidebar5 li.selhome,
#is_ie6 ul.sidebar5 li.sel,
#is_ie6 ul.sidebar5 li.selhome
{
	background-color:white;
}

ul.sidebar5 div.sel,
ul.sidebar5 div.selhome
{
	background-image:url('/format/nav_sel_div_inner.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:11px;
}
/* }}}
childsel {{{ */ 

ul.sidebar5 li.childsel,
ul.sidebar5 li.childselhome
{
	background-image:url('/format/nav_childsel_li_inner.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:black;
	font-weight:bold;
}
ul.sidebar5 li.childsel a,
ul.sidebar5 li.childselhome a
{
	font-size:12px /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.childsel,
#is_ie5 ul.sidebar5 li.childselhome,
#is_ie6 ul.sidebar5 li.childsel,
#is_ie6 ul.sidebar5 li.childselhome
{
}
ul.sidebar5 div.childsel,
ul.sidebar5 div.childselhome
{
	background-image:url('/format/nav_childsel_div_inner.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:15px; 
}
/* }}}
special case: home {{{ */
#is_ie5 ul.sidebar5 li, 
#is_ie6 ul.sidebar5 li,
#is_ie7 ul.sidebar5 li 
{ 
	background-color:white; /* ie needs this to make it work! */
}
ul.sidebar5 li.selhome { 
	background-image:url('/format/nav_sel_li_outer.gif');
}
ul.sidebar5 li.childselhome { background-image:url('/format/nav_childsel_li_outer.gif'); }
ul.sidebar5 div.selhome { background-image:url('/format/nav_sel_div_outer.gif'); }
ul.sidebar5 div.childselhome { background-image:url('/format/nav_childsel_div_outer.gif'); }

/* }}}
block type links (across all){{{ */
ul.sidebar5 a.sel,
ul.sidebar5 a.childsel
{
	display:block;
	padding-left:0.8em;
	padding-right:0.4em;
	padding-top:0.3em;
	padding-bottom:0;
	min-height:1.3em; 
	color:black;
}
ul.sidebar5 a.sel
{
	min-height:22px;
}
#is_ie5 ul.sidebar5 a.sel,
#is_ie5 ul.sidebar5 a.childsel
{
	padding-left:0;
	padding-right:0.4em;
}
#is_ie6 ul.sidebar5 a.sel,
#is_ie6 ul.sidebar5 a.childsel
{
	padding-bottom:0.3em;
}

ul.sidebar5 a.sibling,
ul.sidebar5 a.child 
{
	display:block;
	padding-left:24px;
	padding-right:0.4em;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

#is_ie5 ul.sidebar5 a.sibling,
#is_ie5 ul.sidebar5 a.child
{	padding-top:0.2em;
   	padding-bottom:0.2em; 
   	padding-left:10px; 
}
#is_ie6 ul.sidebar5 a.sibling,
#is_ie6 ul.sidebar5 a.child
{	padding-top:0.2em;
   	padding-bottom:0.2em; 
}



/* }}}
siblings {{{ */
div.childselhome ul.sidebar5 li.sibling 
{
	background-image:none;
	background-image:url('/format/nav_sibling_bg.gif');
	background-repeat:repeat-y;
}
div.childselhome ul.sidebar5 li.sibling a
{
	font-size:10px /*$textSizeXSmall*/;
}

/* }}} */
/* children {{{ */
ul.sidebar5 li.child 
{
	background-image:url(/format/nav_selchild_bg.gif);
	background-repeat:repeat-y;
	color:black;
}
ul.sidebar5 li.child>a 
{
	font-size:12px /*$textSizeSmall*/;
}
#is_ie5 ul.sidebar5 li.child,
#is_ie6 ul.sidebar5 li.child
{
}
/* }}} */
/* }}} */
/* links branchout {{{ */

div.branchout_outer {
	background-image:url('/format/nav_rel_ul.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#BEDCEE /*$menu_bg_child*/;
    margin:0;
	margin-top:2em;
	padding:0;
	color:black;
	font-size:12px /*$textSizeSmall*/;
	font-weight:bold;
}
div.branchout_outer div.branchout {
	background-image:url('/format/nav_rel_div.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0.2em 8px 0.4em 8px;/* top right bottom left */
}
div.branchout p {
	margin: 0.2em 0 0 0; /* top right bottom left */
    padding: 0.2em 0; /* top,bottom left,right */
    background-color:transparent;
	font-weight:normal;
	font-size:12px /*$textSizeSmall*/;
	border-top:solid 1px #E6F5FF /*$menu_sel_border*/;
}
#is_ie6 div.branchout p
{	position:relative; /* without this this div goes over the padding of the containing div. */ }

div.branchout a,
div.branchout a:visited 
{
	text-decoration:none;
	color:#fe5921 /*$link*/;
}
div.branchout a:hover { color:#fe5921 /*$link*/; }

div.branchout p.amazonLink
{
	padding-left:24px;
}
p.amazonLink img
{
	margin-left: -35px;
	margin-top: -5px;
	position: absolute;
}
/* }}} */
/* sign in box {{{ */

div.signin_outer {
	background-image:url('/format/signin_top.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-color: #ffd39c;
    margin:0;
	margin-top:2em;
	padding:0;
	color:black;
	font-size:12px /*$textSizeSmall*/;
}
div.signin_inner {
	background-image:url('/format/signin_bottom.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0.2em 8px 0.4em 40px;/* top right bottom left */
}

div.signin_inner a,
div.signin_inner a:visited { color: black;text-decoration:underline; }
div.signin_inner a:hover { color: white; }


#is_ie6 div.signin_inner p
{	position:relative; /* without this this div goes over the padding of the containing div. */ }

/* }}} */
/* sharethis{{{ */

div.sharethis {
    margin: 1em auto;
	text-align:center;
	font-size:12px /*$textSizeSmall*/;
}
div.signin_inner {
	background-image:url('/format/signin_bottom.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0.2em 8px 0.4em 40px;/* top right bottom left */
}

div.signin_inner a,
div.signin_inner a:visited { color: black;text-decoration:underline; }
div.signin_inner a:hover { color: white; }


#is_ie6 div.signin_inner p
{	position:relative; /* without this this div goes over the padding of the containing div. */ }

/* }}} */

/* Trade stuff. shouln't be here really */
/* votometer {{{ */
div#votometer {
	background-color:white;
	margin:8px;
	padding:8px;
	width:210px;
	text-align:center;
}
div#votometer img {
	display:block;
}
div#votometer div.top {
	margin:0;
	padding:0;
	
}
div#votometer div.votes_container {
	margin:0;
	padding:0;
	border:solid 2px black;
	height:380px;
	width:208px;
	position:relative;
}
div#votometer div.votes_container div.votes {
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
	left:0;
}

/* }}} */
/* register your vote box {{{ */

#votebox {
    float: right;
    width: 26em;
    margin-bottom: 6px;
    margin-left: 10px;
}
form.vote fieldset {
    background: white url(../graphics/bg.vote_cross.png) no-repeat scroll right center;
}
form.vote {
    margin: 10px 0;
}
form.vote .label {
    float:left;
    clear:left;
    width:5.5em;
    margin-right: 10px;
    text-align:right;
}
form.vote .field {
    width: 6em;
    float: left;
    margin: 0 0 5px 0;
}
form.vote .votecheck {
    margin: 0 0 5px 60px;
}
form.vote .submit {
	clear:both;
    padding-left: 7em;
}
ul.votelist li {
    /* list-style-image vertical positioning is inconsistent so use
       background-image instead */
    list-style-type: none;
    background-image: url('/tradejustice/graphics/li.vote_cross.png');
	background-repeat: no-repeat;
	background-position: left top;
    padding-left: 15px;
}
/* }}} */

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

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

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


/* wiki stuff {{{ */

div.wiki_resource_container
{
	clear:both;
}
div.wiki_resource_container div.border
{
	border:solid 1px #aaa;
	background-color:#fdfeee;
	-moz-border-radius:5px;
}
div.wiki_resource_container div.leftcol
{
	float:left;
	width:123px;
	margin:0;
	padding:8px;
}
div.wiki_resource_container div.column
{
	padding-left:139px;
}
p.wiki_resource_info
{
	font-size: 10px /*$textSizeXSmall*/;
	color:#666;
	margin-bottom:0;
}
p.wiki_resource_info a:visited { color:#27a /*$blue*/; }


/* }}} */

.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'); }

/* media: print  {{{ */
@media print 
{
	html, body 
	{ 
		background-image:none;
		width:100%;margin:0;padding:0;
	}
	html,body,p,li
	{ font-size:10pt; font-family:sans-serif ; }
	h1 { font-size:16pt;}
	h2 { font-size:14pt;}
	h3 { font-size:12pt;}
	h4 { font-size:10pt;}
	a,
	a:visited,
	a.cmd,
	a.cmd:visited 
	{ color:black; text-decoration:underline; }
	#printlogo {display:block;padding-bottom:0;
		padding-top:65px; /* because everything inside this box is positioned absolute, this gives the box height */
		position:relative;}
	#printlogo img {position:absolute;right:0;top:0;width:8cm;margin:0;}
	#printlogo div.text {position:absolute;left:0;top:0;font-size:7pt;width:8cm;}

	#topbox {position:static;padding-bottom:0.4em;
		background-image:none;width:100%;height:auto;}
	#topbox h1 {position:static;margin:0;padding:0;}
	#content {position:static;width:100%;margin:0;padding:0;}
	form,
	div#adminbox,
	div.debug,
	#sidebar 
	{ display:none }
	form.survey { display:block; } 
}
/* }}} */

#tweetmeme
{
	float:left;
	margin-right:6px;
	margin-top:0.2em;
}

/* tests */
.ie7test { display:none; }
#is_ie7 .ie7test { display:block; }