html, body                    {width:100%; height:100%}
a                             {text-decoration:none}
#gmap                         {position:absolute; width:100%; bottom:0px; top:30px; z-index:1}
#header                       {position:absolute; top:0; left:0; width:100%; height:30px; color:#fff; background-color:#555; font-size:11px; z-index:100}
#header img                   {float:left; padding:4px 7px 4px 4px}
#browser                      {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; color:#fff}
#inner-browser                {padding-top:32px; text-align:center}

#browser-close                {position:absolute; top:31px; right:0; width:25px; height:25px; background:transparent url(/images/embed.png) 0 -3px no-repeat}
#browser-close:hover          {background:transparent url(/images/embed.png) 0 -39px no-repeat}
#browser-close span           {display:block; text-indent:-999em}

#map-title                    {overflow:hidden; height:30px; font-size:11px; line-height:14px}
#marker-info                  {overflow:hidden; padding:0 28px 0 3px; height:30px; line-height:14px; font-size:11px; text-align:left}
#media-title                  {overflow:hidden; height:30px; font-size:11px; line-height:14px}
#map-title label,
#marker-info label            {font-size:10px; color:#ccc; font-style:italic}            

#media                        {margin:5px auto 0; width:300px}
#media-preview                {margin-bottom:5px}
#med-img img                  {display:block; margin:0 auto}
#media-feed-title,
#media-feed                   {text-align:left}
#media-feed-title             {margin-bottom:5px; font-size:14px; line-height:18px}
#media-feed-title a           {color:#fff; text-decoration:underline}
#media-feed-title a:hover     {color:#df0080; text-decoration:none}
#media-feed li                {clear:left; display:block; height:18px; overflow:hidden; font-size:11px; line-height:18px}
#media-feed span,
#media-feed a                 {float:left; display:block}
#media-feed span              {width:38px; font-size:10px; color:#999; text-align:right}
#media-feed a                 {width:247px; height:100%; color:#fff; text-decoration:underline; text-indent:5px}
#media-feed a:hover           {color:#df0080; text-decoration:none}
#media-feed a:visited         {color:#aaa; text-decoration:underline}

#media-prev, #media-next      {position:absolute; top:159px; width:28px; height:28px}
#media-prev                   {left:5px; background:transparent url(/images/embed.png) -32px 0 no-repeat}
#media-prev:hover             {background:transparent url(/images/embed.png) -32px -36px no-repeat}
#media-next                   {right:5px; background:transparent url(/images/embed.png) -68px 0 no-repeat}
#media-next:hover             {background:transparent url(/images/embed.png) -68px -36px no-repeat}
#media-prev span,
#media-next span              {display:block; text-indent:-999em}


/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
.alpha60
{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

