/* IMPORT IE style and hide from ie/mac \*/
@import url("style-IE.css");
/* END import/hide */
/* layout structure ****************************************************/
* {margin: 0; padding: 0;}
body
	{
	text-align: center;
	background: #fafafa;
	padding-bottom:  4em;
	}
ul {list-style-type:square;}
a {outline: 0;}
a img {text-decoration: none; border: 0 #fff;}
#header,
#wrapper
	{
	width: 970px;
	margin: 0 auto 0 auto;
	text-align: left;
	}
#wrapper
	{
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	color: #777;
	background: #fff url(images/wrapperbk-y250.png) top right repeat-y;
	}
#lingua
	{
	width: 100%;
	height: 1.5em;
	color: #fafafa;
	text-align: right;
	}
#lingua a,
#lingua a:visited,
#lingua a:hover {color: #f9f9f9; text-decoration: none;} /*  temporal */
#logo
	{
	width: 100%;
	height: 7em;
	background: #fff url(images/onedaymap3.png) top right no-repeat;
	}
#content #banner {	clear: both; padding: 0; margin: 0;}
#banner
	{
	width: 720px;
	height: 131px;
	background: #660000;
	z-index: -100;
	}
#content
	{
	clear: both;
	float: left;
	width: 720px;
	height: auto;
	display: inline;
	}
#content img {	clear: both; }
#sider
	{
	float: right;
	width: 250px;
	min-height: 700px;
	margin-bottom: 30px; /* became the last option*/ 
	}
#sider img.commited {	width: 210px; 	margin: 1px 0px 0px 9px; border: solid 1px #E6E6E6;}
#footer
	{
	width: 100%;
	height: 90px;
	clear: both;
	background: #fff;
	border: solid 1px #ccc;
	font: normal 12px arial, sans-serif;
	color: #777;
	}
#footer div
	{
	width: 750px;	
	min-height: 65px;
	background: transparent url(images/logo3footer.png) 5px 8px no-repeat;
	padding: 20px 0 15px 150px;
	}
#footer a:link {text-decoration: none; border: 0 #fff; color: #777;}
#footer a:visited {color: #777;}
#footer a:hover {color: #660000;}
#footer a:active {color: #777;}
	/* BEGIN style navigator ****************************************/
#navigator
	{
	width: 960px;
	height: 1.5em;
	padding-left: 10px;
/*	z-index: 10;*/
	}
#navigator ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	font: normal 0.8em verdana, sans-serif;
	}
/*	#navigator ul li { */
	#navigator  li {
	position: relative;
	float: left;
	width: auto;
	}
#navigator li ul {
	position: absolute;
	left: 0;
	width: 161px;
	display: none;
	border-top: 1px solid #660000;
	}
/* Styles for Menu Items */
#navigator ul li a
	{
	display: block;
	text-decoration: none;
	color: #777;
background: transparent url(images/menu-over-bk5.png) top left;
	border-left: 1px solid #e6e6e6;  /* IE6 Bug */
	border-right: 1px solid #e6e6e6;
	}
#navigator ul li ul a  /* drop down menu */
	{
	width: 149px;
	padding: 5px;
	border-bottom: 1px solid #e6e6e6;	
	}
#navigator ul li a:hover
	{
	color: #660000;
	background: #E9E9DD;
	}
#navigator li:hover ul,
#navigator li.over ul
	{ 
	display: block; 		
	}
#navigator ul .grande
	{
	font-size: 14px;
	font-weight: bolder;
	border-top: 0;  /* <---borders assigned individually to avoid bug IE*/
	border-left: 0;
	border-right: 0; 	
	padding-right: 21px;
	padding-left: 5px;
	padding-top: 2px; 	
	padding-bottom: 5px;
	color: #777;
	background: #fff; /* a must to avoid using translucid background for drop down menus */
	}
#navigator ul li a.grande:hover,
#navigator ul li a.grande:active
	{
	background: #fff; /* a must to avoid using translucid background for drop down menus */
	color: #660000;
	}

#navigator ul li ul li a {z-index: 10; /* issue with <dl> - 5 jun 09*/}
	
/* END    style navigator *********************************/
/* epostcards thumbs*******************************************/
#content .mediaroomtext dl.ecards {float: left; padding-right: 20px; padding-bottom: 20px;}
.ecards
	{
	width: 160px;
	line-height: 1.5em;
	text-align: center;
	background: transparent;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}
	/*
.ecards dd a {text-align: center;	margin: 0 auto 0 auto; width: 109px; height: 105px; display: block;}
.ecards dd.simple a {height: auto;}
.ecard01 a	{background: transparent url(images/ecardmenubk3.jpg) 0px 421px;}
.ecard02 a	{background: transparent url(images/ecardmenubk3.jpg) 0px 316px;}
.ecard03 a 	{background: transparent url(images/ecardmenubk3.jpg) 0px 211px;}
.ecard04 a 	{background: transparent url(images/ecardmenubk3.jpg) 0px 106px;}
.ecard05 a 	{background: transparent url(images/ecardmenubk3.jpg) 110px 421px;}
.ecard01 a:hover	{background: transparent url(images/ecardmenubk3.jpg) 0px 841px;}
.ecard02 a:hover	{background: transparent url(images/ecardmenubk3.jpg) 0px 736px;}
.ecard03 a:hover 	{background: transparent url(images/ecardmenubk3.jpg) 0px 631px;}
.ecard04 a:hover 	{background: transparent url(images/ecardmenubk3.jpg) 0px 526px;}
.ecard05 a:hover 	{background: transparent url(images/ecardmenubk3.jpg) 110px 841px;}
*/
/* countdown *******************/
.border-countdown
	{
	width: 210px;
	border: solid 1px #E6E6E6;
	margin: 0 auto 0 auto;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 0px;
	}
	.border-countdown a,
.border-countdown a:hover,
.border-countdown img
	{
	text-decoration: none;
	border: 0 #fff;
	color:#777;
	display: block;
	margin: 0 auto 0 auto;
	}
#countdowncontainer
	{
	width: 210px;
	height: 114px;
	max-width: 210px;
	min-width: 210px;
	margin-left: 9px;
	}
#countdowncontainer table  /*  centers script into DIV */
	{width: 194px; margin: 0 auto 0 auto;}
#countdowncontainer td.bigtext
	{
	background-color: #FFFFFF;
	color: #7F0700;
	font-size: 1.2em;
	padding: 5px 9px;
	font-family: Arial, Helvetica, sans-serif;
	}
#countdowncontainer img,
#countdowncontainer a
	{
	text-decoration: none;
	border: 0 #fff;
	}
td.smallwhitetext {
	font-size: 0.65em;
	background-color: #A1A1A1;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}/* for Jun 21st only
#cntdwn {color: #660000; background: #fff; font-weight: bold;}
*/
/* END countdown *******/
/* contaent*/
#content div  {padding: 15px 2em 15px 35px;}
#content h3 {font-size: 1.1em; font-weight: normal; padding-bottom: 15px;}
#content h3 {clear: both; padding-top: 20px;}
#content p,
#content li {line-height: 1.5em; padding-left: 10px; padding-bottom: 16px;}
#content ul {padding-left: 20px; padding-right: 20px;}
#content a {text-decoration: none; border: 0 #fff; color: #777;}
#content a:visited {color: #777;}
#content a:hover {color: #660000;}
.welcome {background: transparent url(images/welcome.png) top left no-repeat;}
.about {background: transparent url(images/about.png) top left no-repeat;}
.guatemala {background: transparent url(images/guatemala.png) top left no-repeat;}
.africa {background: transparent url(images/africa.png) top left no-repeat;}
.give {background: transparent url(images/give.png) top left no-repeat;}
.donors {background: transparent url(images/donors.png) top left no-repeat;}
.summersolstice {background: transparent url(images/summersolstice.png) top left no-repeat;}
.photographers {background: transparent url(images/photographers.png) top left no-repeat;}
.gettyimages {background: transparent url(images/gettyimages.png) top left no-repeat;}
.videotext {background: transparent url(images/videotext.png) top left no-repeat;}
.videoframe 	{width:605px; height:565px; margin-top: 0px; margin-left: 20px;}
.spreadlist,
.spreadlistcommunity {list-style-type: none; text-align: left; width: 100%;}
.spreadlist  li {float: left; width: 30%; padding-bottom: 8px;}
.spreadlistcommunity   li {float: left; width: 45%; padding-bottom: 8px;}
.mediaroomtext {background: transparent url(images/mediaroomtext.png) top left no-repeat;}

.about ul {list-style-image: url(images/bullet.gif)}
hr {height: 3px; color: #ccc; background: #ccc; border: 1px solid #ccc;}
/******/

#content .mediaroomtext dl.photos {float: left; padding-right: 20px; padding-bottom: 20px;}
.photos
	{
	width: 160px;
	line-height: 1.5em;
	}
.photos dt
	{
	background: transparent;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 0 auto;
	}
.photos dd
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background: transparent;
	width: 160px;
	text-align: center;
	}
.photos dd.negrita {font-weight: bold;}
/* board of directors definition list style**/
.board
	{
	clear: both; 
/*	position: relative; */
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 64px;
	}
.board dt
	{
	float: left;
	width: 38%;
	margin: 0; padding: 0;
	text-align: left;
	}
.board dd
	{
	float: right;
	width: 62%;
	margin: 0; padding: 0;
	text-align: left;
	padding-bottom: 5px;
	}
.board dd.small {font-size: 0.9em; text-align: left; padding-bottom: 1.2em; }
/* projects to sponsor*********/
.projects
	{
	clear: both;
/*	position: relative; */
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 64px;
	}
.projects dt
	{
	float: left;
	width: 75%;
	margin: 0; padding: 0;
	text-align: left;
	}
.projects dd
	{
	float: right;
	width: 20%;
	margin: 0; padding: 0;
	text-align: right;
	padding-left: 4%;
	}
.projects dd.small {font-size: 0.9em; text-align: left; }
/* faqs **/
#content .photographers li {line-height: 1.5em;}
.faq
	{
	clear: both;
/*	position: relative; */
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 15px;
	}
.qaborder {border-top: 1px solid #ccc;}
.faq dt
	{
	float: left;
	width: 50px;
	margin: 0; padding: 0;
	text-align: left;
	}
	.faq dt.question {background: transparent url(images/q.png) top right no-repeat; height: 45px;}
.faq dt.answer {background: transparent url(images/a.png) top right no-repeat; height: 45px;}
.faq dd
	{
	float: right;
	width: 90%;
	margin: 0; padding: 0;
	text-align: left;
	padding-bottom: 20px;
	line-height: 1.5em;
	}
.faq dd.small {font-size: 0.9em; text-align: left; }
dt.lfbk	{height: 125px; background: transparent url(images/slideshowbk.jpg) top left no-repeat;}
dt.eyes	{height: 80px; background: transparent url(images/gdeyesbk.png) top left no-repeat;}
dt.pdfs	{height: 80px; background: transparent url(images/pdfsbk.png) top left no-repeat;}
dt.movs	{height: 80px; background: transparent url(images/movsbk.png) top left no-repeat;}
dt.epss	{height: 80px; background: transparent url(images/epssbk.png) top left no-repeat;}
dt.errico	{height: 80px; background: transparent url(images/errico-thumb.jpg) top left no-repeat;}
dt.jamey	{height: 80px; background: transparent url(images/jamey-thumb.jpg) top left no-repeat;}
dt.themebk	{height: 80px; background: transparent url(images/themebk3.png) top left no-repeat;}
dt.radiosbk	{height: 80px; background: transparent url(images/radioclipsbk.png) top left no-repeat;}
dt.tvspotsbk	{height: 130px; background: transparent url(images/tvspotsbk.png) top left no-repeat;}

dd.contract {padding-bottom: 10px;}
/*****/
blockquote
	{
	background: transparent url(images/openq.png) top left no-repeat;
	text-align: left;
/*	padding-bottom: 50px; */
	}
.closeq
	{
	background: transparent url(images/closeq.png) bottom right no-repeat;
	}
blockquote p.signature
	{
	text-align: right;
	font-size: 95%;
	font-weight: bolder;
	padding-right: 2em;
	margin-top: -15px;
	}
	p img.mid,
blockquote p img.mid {vertical-align:middle;}

/* image replacement for quotes **/
.bqimg0, .bqimg0small
	{
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	font-size: 18pt;
	color: #C9C9C9;
	background: #fff;
	padding: 5px 5px 20px 5px;
	text-align: right;
	width: 95%;
	min-width: 550px;
	}
.bqimg0small {font-size: 18px; }
/* links to our community  with LOGOS **/
#content .donors dl.community {float: left; padding-right: 20px; padding-bottom: 20px;}
.community
	{
	width: 270px;
	padding-bottom: 120px;
	}
.community dt
	{
	background: transparent;
	text-align: center;
	margin: 0 auto 0 auto;
	}
.community dd
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: transparent;
	width: 270px;
	text-align: center;
	}
	/* for new videos section */
#content .mediaroomtext #videolist {padding-left: 20px;}
/*********************/
/*#content .mediaroomtext ul {width: 40%; float: left; display: inline;} */
/* #content .mediaroomtext ul li.videotitle {color: #660000; font-size: 1.2em; margin-left: -25px; padding-bottom: 1em; list-style-type: none;} */
#content .mediaroomtext h3.mediatitle {color: #660000; font-size: 2.2em; padding-top: 10px; padding-left: 50px; z-index: 1;}
/***/
#adsolstice {
	margin: 20px auto 0px auto;
	width: 210px; height: 145px; 	border: solid 1px #E6E6E6;
	}
#adourimages {
	margin: 5px auto 0px auto;
	width: 210px; height: 85px; 	border: solid 1px #E6E6E6;
	}
#adremember {
	margin: 5px auto 0px auto;
	width: 210px; height: 100px; 	border: solid 1px #E6E6E6;
	}
#advertising
	{
	width: 210px;
	margin: 10px 0px 0px 10px;
	}
#advertising  p {font-size: 12px; font-weight: bolder; text-align: center; background: #660000; color: #fff;}
#advertising img,
#tellafriend
	{
	margin-top: 6px;
	}
#tellafriend
	{
/*	margin: 6px 0px 0px 10px; */
	width: 210px; height: 92px; text-align: center;
		margin-top: -1px;
	margin-bottom: 6px;
/*		margin-bottom: 30px; /* became the last option*/ 
	}
/*
.tellafriend table {
	position: relative;
	margin-left: 43px; margin-top: 15px;
	}
*/

	/* new media room menu */
#learnmore
	{
	width: 206px;
	margin: 6px 0px 0px 10px;
	background: transparent url(images/learnmore2.png) top right no-repeat ;
	border: solid 2px #ccc;
	margin-bottom: 30px; 
	}
	#learnmore ul
	{
	padding: 10px 0 10px 0;
	width: 190px;
	text-decoration: none;
	list-style-type: none;
	font-family: verdana,sans-serif;
	font-size: 15px;
	letter-spacing: 0.8pt;
	line-height: 26px;
	vertical-align: middle;	
	}
#learnmore a
	{
	width: 190px;
	text-decoration: none;	
	border: 0 #fff;
	color: #E6E6E6;
	font-weight: bold;
	padding-left: 20px;
	}
#learnmore a:visited {color: #E6E6E6;}
#learnmore a:hover {color: #fff;}
#content h2 {font-family: verdana, sans-serif;color: #660000; font-size: 1.4em; line-height: 2.5em; padding-top: 8px;}
#content h2 span {color: #909090; font-size: 1.3em;}
#content h2.right {display: block; text-align: right; padding-right: 20px;}
#content p a:link,
#content p a:visited,
#content p a:hover,
#content p a:active
 {text-decoration: none; color: #8BC1E8;}
#credits
	{
	color: #ccc;
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-size: 10px;
	}
#credits a, #credits a:hover, #credits a:visited {text-decoration: none; color: #ccc;}

.box-around
	{
	padding: 5px;
	border: 1px solid #C7C7C7; 
	background: #fff;
	border-left-color: #575757;
	border-bottom-color: #575757;
	}
/* stories from the field style*/
hr {color: #ccc; height: 1px; }
/*************** convierto mediaroomtext a ID instead of class ******************************************/
#content .mediaroomtext p.indexarticulo {margin-left: 128px;}
/* #content .mediaroomtext p.sff {clear: both; width: 100%; } */
#content .mediaroomtext p.fletter:first-letter {color: #660000; font-size:xx-large; font-family: serif;}

#content .mediaroomtext p.a_open, 
#content .mediaroomtext a.a_close {color: #8BC1E8; cursor: pointer; font-weight: bolder;}
#content .mediaroomtext p.m128 {margin-left: 128px;}
#content .mediaroomtext a:hover.a_close {text-decoration: underline; cursor: pointer;}

#content div	div.articulo {padding: 0;}

#content .photographers blockquote a {color: #8BC1E8; font-size: 14px; cursor: pointer;}
#content .photographers blockquote span {display:inline;}
img.izquierda 
	{
	margin-top: 3px;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
	border: 1px solid #E6E6E6; 
	background: #fff;
	}
img.derecha 
	{
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 8px;
	margin-bottom: 5px;
	float: right;
	padding: 5px;
	border: 1px solid #E6E6E6; 
	background: #fff;
	}
/*
img.gback {
  padding: 10px;
}

pre.giveback {
	padding-left: 10px; 
	font-size: x-small;
	color: #777;
	margin-bottom: 2em;
	border: solid 1px #ccc;
}
*/
/* new ecards slide menu*/
.centrar {text-align: center;}
p.derecha {text-align: right;}
a img.ecard {border: 5px solid #dadada;}
a:hover img.ecard  {border: 5px solid #ccc;}

#content .mediaroomtext div.pasarela,
#content .mediaroomtext div.pasarela div,
#content .mediaroomtext div.pasarela p  {clear: both; padding:0;}

.ecardsslide 
	{
	position: relative; /*leave this value alone*/
	margin: -25px auto 0 auto;
	border: 5px solid #dadada;
	overflow: scroll; /*leave this value alone*/
	width: 415px; 
	height: 100px; 
	}
.ecardsslide .ecardsframe, .videosslide .videosframe, .tvslide .tvframe, .radioslide .radioframe  	{position: absolute; /*leave this value alone*/ }
.ecardsslide .ec
	{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	/* width: 105px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	width: auto; height: 105px;
	min-width: 100px; padding-right: 5px; 
	border-right: solid 5px #eee;
	}
	
img.fleft  {float: left;}
p.btop {border-top: solid 1px #dadada; width: 392px; margin-left: 188px;}

.azul {color: #8BC1E8;}
.rojo {color: #660000;}
.stripes {width: 200px; height: 50px; background: url(../images/stripe.png)}
.stripes img {margin: 8px auto 0 auto;}
.font20 {font-size: 20px;}

/* multimedia slides */
/* one css property for each slide */
/* 
	tv spots			div.tvspots
	radio clips		div.radioclips
	videos				div.videos
	slideshows		#media div.slideshows
	ecards				#media div.ecards
	images				#media div.gallery
	documents		#media div.documents

	div.tvspots,
	div.radioclips,
	div.videos,
	#media div.slideshows,
	#media div.ecards,
	#media div.gallery,
	#media div.documents
*/
/*#media {clear: both;}  */
/*#media div, #media h4, #media ul, #media li {padding:0; line-height: 1em;} */
#media div {padding: 0;}
#media ul, #media li {padding:0; line-height: 1em;}
#media .allmedia 
	{
/* Set it so we could calculate the offsetLeft */
	position: relative; 
	width: 500px;
	overflow: auto;
	}
#media div.tvspots 		{height: 160px;}
#media div.radioclips 	{height: 150px;}
#media div.videos			{height: 160px;}
#media div.slideshows	{height: 160px;}
#media div.ecards 			{height: 145px;}
#media div.gallery			{height: 1px;}
#media div.documents		{height: 160px;}

#media div.tvspots,
#media div.radioclips,
#media div.videos,
#media div.slideshows,
#media div.ecards,
#media div.gallery,
#media div.documents {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}
#media ul.tvspots,
#media ul.radioclips,
#media ul.videos,
#media ul.slideshows,
#media ul.ecards,
#media ul.gallery,
#media ul.documents {
	display: block;
	/* max width here, for users without javascript */	
	width: 2000px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: #F2F2F2 url("images/mediaulbk.png") repeat-x;		
	list-style: none;
	border: solid 1px #E6E6E6;
	}
	

#media ul.tvspots, #media ul.videos, #media ul.slideshows, #media ul.documents {height: 200px; overflow: hidden;}
#media ul.radioclips {height: 150px;overflow: hidden;}
#media ul.ecards {height: 135px;overflow: hidden;}

#media .tvspots li,
#media .radioclips li,
#media .videos li,
#media .slideshows li,
#media .ecards li,
#media .gallery li,
#media .documents li {
	display: block;
	float: left;	
	padding: 0 4px;
		text-align: center;
	}
#media .tvspots li{width: 160px;}
#media .videos li {width: 175px;}
#media .slideshows li {width: 180px;}
#media .documents li {width: 180px;}

#media .tvspots a,
#media .radioclips a,
#media .videos a,
#media .slideshows a,
#media .ecards a,
#media .gallery a,
#media .documents a  {
	display: block;
	text-decoration: none;
	}

#media .tvspots span,
#media .radioclips span,
#media .videos span,
#media .slideshows span,
#media .ecards span,
#media .gallery span,
#media .documents span 	{
	display: none;
	margin-top: 3px;
	font-family: arial,sans-serif;
	font-size: 12px;
	text-align: center;
	font-size: 12px;	
	color: #666;
	}

#media .tvspots a:hover span,
#media .radioclips a:hover span,
#media .videos a:hover span,
#media .slideshows a:hover span,
#media .ecards a:hover span,
#media .gallery a:hover span,
#media .documents a:hover span {
	display: block;
	}
#media .tvspots img,
#media .radioclips a,
#media .videos img,
#media .slideshows img,
#media .ecards img,
#media .gallery img,
#media .documents img {
	padding: 3px; border: 1px #ccc solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	}
	
#media .tvspots a:hover img,
#media .radioclips a:hover img,
#media .videos a:hover img,
#media .slideshows a:hover img,
#media .ecards a:hover img,
#media .gallery a:hover img,
#media .documents a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
	background: #f2f2f2;
	}

/*  ***acordeon*** */
/*#media {position: relative;}*/
#media div.title 
	{
/*	position: relative;  */
	width: 500px; height: 45px;
	display: block;
	cursor: pointer;
	margin-top: 3px; 
	color: #000; font-weight: bolder; 
	text-decoration: none;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa; 
	}

#media .azull,
#media .naranja,
#media .verde,
#media .purple,
#media .tuquoise,
#media .lime,
#media .pink
  {position: relative; width: 500px; height: 45px;}
	
#media .azull  span {position: absolute; background: url(images/tvicon.jpg) top left no-repeat; width: 100%; height: 100%;}
#media .azullplus  {background: #0051A3 url(images/plus.gif) no-repeat 470px 50%;}
#media .naranja span {position: absolute; background: url(images/radioicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .naranjaplus {background: #AA6335 url(images/plus.gif) no-repeat 470px 50%;}
#media .verde  span{position: absolute; background: url(images/movieicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .verdeplus {background: #4A8511 url(images/plus.gif) no-repeat 470px 50%;}
#media .purple span {position: absolute; background: url(images/scrapicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .purpleplus {background: #7F879C url(images/plus.gif) no-repeat 470px 50%;}
#media .tuquoise  span {position: absolute; background: url(images/ecardsicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .tuquoiseplus {background: #7e9d94 url(images/plus.gif) no-repeat 470px 50%;}
#media .lime span {position: absolute; background: url(images/galleryicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .limeplus {background: #AFAF71 url(images/plus.gif) no-repeat 470px 50%;}
#media .pink span {position: absolute; background: url(images/docsicon.jpg) no-repeat 0 0; width: 100%; height: 100%;}
#media .pinkplus {background: #AB263B url(images/plus.gif) no-repeat 470px 50%;}
#media  div.selected  {background-image: url(images/less.gif); border-bottom: 0;}

/********************/
.widget-placeholder {

  color: #000;
/*  margin: 1em; */
/*  background-color: #ebebeb; */
}

.widget {
 /* margin: 1em; */
 /* border: #ebebeb solid 1px; */
}

  .widget-header {
    color: #000;
    /*padding: 0.2em; */
/*    background-color: #ebebeb; */
		display: block;
  }

  .widget-content {
/*    padding: 0.5em; */
  }