@import url( ../../../tags/templates/tags.css );
@import url( ../../../groups/group.css );
@import url( ../../../maps/gmap.css );
@import url( ../../../switchboard/switchboard.css );

/* $Header: /home/cvs/bwthemes/map4change/map4change.css,v 1.42 2010/06/22 18:06:23 wjames Exp $ */

/**
 * @author   Will James <will@tekimaki.com>
 * @version  $Revision: 1.42 $
 * @theme    map4change 
 */

/** 
 * Colors
 * White				#fff, #ffffff, white
 * Bright Green			#99d578
 * Less Offensive Bright Green #c3fe97
 * Bright Blue			#38b3d9
 * Link Blue			#1A9AB7
 * Medium Blue			#00446f 
 *
 * Medium Bright Blue 	#349dff
 * Dark Blue 			#182f59
 * Grey					#4b4b4b
 * 
 */
@media all	{
	/* layout */
	html				{overflow-x:hidden} /* we force off horz scrolling on the overall page to prevent ie6 from adding horz scroll - you might have to find a new work around if you need horizontal scrolling. */
	body				{line-height:normal; font-size:12px; font-family:arial, helvetica, verdana,'Bitstream Vera Sans',sans-serif; background:#fff; margin:0; padding:0; color:#333; min-width:940px; letter-spacing:.1px}

	/* structure */
	div#wrapper					{float:left;width:100%}
	div.blocks3  #content		{margin-right: 530px;}
	div.blocks2e #content		{margin-right: 290px;}
	div.blocks2n #content		{margin-right: 260px;}
	div.blocks1  #content		{margin-right:     0;}
	div#navigation				{float:left;width:260px;}
	div.blocks3  #navigation	{margin-left:-530px;}
	div.blocks2e #navigation	{margin-left:-270px;}
	div.blocks2n #navigation	{margin-left:-260px;}
	div.blocks1  #navigation	{margin-left:     0;}
	div#extra					{float:left;width:290px;margin-left:-290px}
	div#footer					{clear:left;width:100%}

	/*
	#marginl			{padding:0 0 0 30px; background: url( "images/marginl.png" ) left repeat-y }
	#marginr			{padding:0 30px 0 0; background: url( "images/marginr.png" ) right repeat-y }
	*/

	/* margin exception for gmap */
	#gmap #marginl,		
	#gmap #marginr		{padding:0; background:none;}

	#container			{/* this messes up the header in ie background:#ffffff;*/}
	#header				{margin-bottom:10px;}
	#wrapper,
	#footer				{}
	#content .display,
	#content .edit,
	#content .listing,
	#content .admin			{margin:0; padding:0px 18px;}
	#navigation			{}
	#extra				{}
	#footer				{text-align:center; padding:2em 0; font-size:0.8em; clear:both;}

	/* titles */
	h1,h2,h3				{padding:0; margin:0; color:#00446f;}
	h1				{}
	h2				{}
	h3				{}

	h2.description			{color:#555; font-weight:normal; font-size:1.2em; margin-bottom:.75em}

	#header .ilike-box			{float:right; margin:0 12px 0 6px; padding:0;}
	#header .ilike-box h3 		{display:none;}
	#header .ilike-box div,
	#header .ilike-box form 	{display:inline;}
	#header .ilike-box input 	{vertical-align:middle; margin:2px 0; border:1px solid #00446f; height:14px;}

	#header .login-box			{float:right; text-align:left; color:#00446f; margin:20px 12px 0 0; padding:0; width:218px;}
	#header .login-box h3 		{display:none;}
	#header .login-box table td	{vertical-align:top !important}
	#header .login-box table h3 {display:block; margin:.5em 0 .9em 0; padding:0; font-size:1em; text-transform:uppercase; color:#00446F !important}
	#header .login-box a		{color:#790000; text-decoration:underline;}
	#header .login-box .submit 	{text-align:right;}
	#header .login-box input	{border:1px solid #00446f; padding:3px 3px}

	#header input.text			{height:1.2em; font-size:.9em; color:#666;}
	#header .login-box input.button,
	#header input.button		{
		height:1.6em; 
		font-weight:normal; 
		text-transform:uppercase; 
		padding:0 4px;
		color: #00446f; 
		border: 1px solid #00446f;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ffdca4));
		background: -moz-linear-gradient(top,  #faa51a,  #ffdca4);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ffdca4');
	}

	#bittopbar			{background:#99d578; border-bottom:1px solid #fff; padding:0px 18px}
	#bittop				{padding:26px 18px 24px 18px; background:url( "images/top_bg.png" ) top repeat-x }
	#bittop	a			{text-decoration:none;}
	#bittop	img			{border:none;}

	#bittopgroup		{padding:24px 18px 0 18px; margin:0;}
	#bittopgroup a		{color:#00446f;}
	#bittopgroup a:hover	{color:#1A9AB7;}
	#bittopgroup h2		{font-size:1.7em; font-family:"Helvetica",helvetica,arial,verdana,'Bitstream Vera Sans',sans-serif; font-weight:normal;}
	#bittopgroup .thumb {margin:0 0 1em 0;}

	#extra .module		{margin-right:9px; margin-bottom:18px;}

	/* html tags */
	a.create			{}
	a.external			{}
	pre *,code *,
	.code,.codelisting,
	.codelisting *			{font-family:monospace !important; text-align:left !important;}
	pre				{overflow:auto; text-align:left;}
	img				{}
	hr				{}
	small,.small			{font-size:0.8em;}
	/* adds link border to images */
	a img	{border:2px solid #1A9AB7;}

	/* links */
	:link,
	:visited				{text-decoration:none; color:#1A9AB7;}
	:link:hover,
	:visited:hover,
	:link:active,
	:visited:active			{}
	

	/* table headings */
	table caption {text-align:left; font-size:1em; font-weight:bold;}
	table caption,
	h2.header,
	h2.table,
	#content .admin.group h2,
	#content .display.group h2,
	h2.group,
	#content .admin.diasalsa h2,
	#content .display.comment h2 {font-size:1.1em; text-transform: uppercase; border-bottom:1px solid #00446f; color:#00446f; padding:2px 0; margin:18px 0 8px 0;}
	table caption,
	h2.table,
	#content .admin.group h2.table {margin-bottom:0;}
	.gmap table caption {margin-top:0}

	#content .group .body .listing h2 {font-size:1.6em; margin:0; padding:0; border:none; text-transform:none}

	#bittop h1			{
						 font-family:"Arial Black", arial, helvetica, verdana,'Bitstream Vera Sans',sans-serif;
						 font-size:3em; 
						 text-transform: uppercase; 
						 line-height:.9em; 
					 	}
	#bittop h1 a		{color:#fff;}

	/* headings */
	.header				{}
	.header h1			{font-weight:normal; color:#00446f; font-size:2.8em; font-family:"Helvetica",helvetica,arial,verdana,'Bitstream Vera Sans',sans-serif;}
	.header .thumb	{margin:0 0 1.6em 0;}
	.tabsystem .header h1		{}
	.header h2			{}
	.header p			{margin:12px 0;}
	.comment				{}
	.comment h3			{}
	.post				{}
	.comment .post		{border-top:1px solid #bbbbbb; padding:6px 0; margin:6px 0;}
	.comment .content	{margin:9px 0}
	.display				{}
	.draft				{border:2px solid red}
	.draftnotice		{background:red; color:#fff; padding:2px 4px;}
	.infowindow .header h1	{font-size:1.7em !important;} /* necessary for proper window height calculation */
	.body .header h1	{font-size:1.7em;}

	/* common classes */
	.body				{margin:18px 0;}
	.summary			{font-size:1.2em}
	.date				{}
	.header .date			{}
	.content				{}
	.post				{}
	.preview				{}
	.servicetabs		{width:460px; float:right}
	.editcontainer .tabsystem .tabpage,
	.editcontainer .tabsystem .tabcontainer		{clear:left;}
	/* for when no tabs on right of edit page */
	.servicetabs .tabpage			{border:1px solid #bbb; margin:0 0 0 0; padding:2px; background:white}
	.editcontainer		{margin-right:460px;}
	.uppercase			{text-transform:uppercase;}
	.hide {display:none;}

	#collapsible{position:absolute;right:-5px;top:0;width:3px;overflow:hidden;border:2px solid #fff;border-top:none;border-bottom:none;background:#e5ecf9;cursor:pointer}
	#collapsible.hover{border-color:#d3d9e5;border-width:1px;width:5px}
	#collapsible-arrow{width:4px;height:12px;background:url(/images/hide-arrow.gif) top left no-repeat;position:absolute;margin-left:-15px;display:none;z-index:5}
	#collapsible-arrow.collapsed{background:url(/images/show-arrow.gif) top left no-repeat;margin-left:17px}

	.norecords			{}
	.popup				{}
	.highlight			{font-weight:bold;}
	.selected				{}
	.floaticon			{float:right; text-align:right; padding-right:18px}
	.storage				{float:right; text-align:right;}
	.storage .item			{}
	.comment,.footer			{}
	.footer				{}
	.blogs .footer		{clear:both}
	.pagination			{}

	/* images */
	.portrait				{}
	.icon				{vertical-align:middle; border:0;}
	h2 .icon		{vertical-align:baseline;}
	.menuicon				{}
	ul.small				{}

	.image	{float:left; margin-right:1em; margin-bottom:1em}
	.listing.image {float:none; margin:0;}

	/* tocs */
	.maketoc				{}
	.maketoc h3			{}
	.maketoc a			{}
	.maketoc ul			{}
	.maketoc ul li			{}
	.maketoc ul ul			{}

	/* forms */
	form				{margin:0; padding:0;}
	textarea			{width:100%;}
	input				{}
	input[readonly],
	textarea[readonly]	{background:#f3f8ff;}
	select				{}
	fieldset			{margin:0}
	legend				{font-weight:bold; margin:0}
	.row, 
	.salsa .formRow				{margin:0 0 5px 0;}
	.submit				{text-align:center; margin:5px 0;}
	.login .submit {text-align:left}
	.quicktags			{}
	.formlabel			{font-weight:bold; text-align:left;}
	.forminput			{}
	.formhelp			{cursor:help; font-size:0.9em; color:#066;}
	.error,.errorpage h3		{}
	.warning				{}
	.success				{}
	.clear				{clear:both;}

	/* the small searchboxes */
	.minifind				{width:auto;}
	.minifind fieldset			{border:0;}
	.minifind legend			{display:none;}
	.minifind fieldset			{padding:0.5em; margin:0;}

	/* parsed elements from the tikiwiki parser */
	.bittable td			{}
	.bitbox				{margin:0.5em; padding:0.5em 5px;}
	.bitbox a				{}
	.bitbar				{border-bottom:3px solid #eee;}

	/* common settings for listings */
	.odd,.even			{}
	.odd				{}
	.even				{background:#dfefef}

	/* tables */
	fieldset table			{}
	table				{border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%;}
	caption				{}
	th					{background:#cee5f4; color:#6d88e3}
	th :link, th :visited		{}

	table.topics .title	{font-size:1.1em}
	table.topics td		{padding:8px 4px; vertical-align:top}
	table.topics .even	{background:none;}

	td.actionicon			{text-align:right; width:15px}
	table.data			{}
	table.optionbar			{}
	.menutable td			{}

	table.topics td.iconcell,
	td.iconcell			{white-space:nowrap; width:16px; padding:8px 0px}

	/* lists */
	ul,ul li				{}
	ul.data,ul.data li.item		{}
	ul.data				{}
	ul.data li.item			{padding:5px;}
	ul.data .thumb			{}

	li.odd,li.even			{}
	ul.toc,ul.toc ul			{}
	ul.toc li				{}
	ul.toc ul.data			{}
	ul.toc p				{}

	dl				{}
	dt				{}
	dd				{}

	/* boxes */
	.box				{}
	.box h3				{}
	.boxcontent			{}

	/* structure navigation */
	.path				{}
	.navigation span			{}
	.navigation .left			{float:left;}
	.navigation .right			{float:right;}
	.navigation span a			{}

	/* package specific list stylings */
	.articles ul.data li.item,
	.themes ul.data li.item,
	.treasury ul.data li.item,
	/* .fisheye ul.data li.item		{list-style:none; clear:both; margin:0.5em 0px 0.5em 200px;} */

	.articles ul.data li.item .thumb,
	.themes ul.data li.item .thumb,
	.treasury ul.data li.item .thumb,
	/* .fisheye ul.data li.item .thumb	{float:left; margin:-20px 0 0 -200px;} */
	.fisheye .body .image		{}

	.users ul.data {padding-left:0}
	.users ul.data li.item {list-style:none; margin:0; padding:6px 4px 12px 12px;}

	/* blogs */
	.blogs .body		{margin:18px 0 0 0;}
	.blogs .body .post	{margin-bottom:18px}
	.blogs .body .post .body	{margin:9px 0;}

	/* boards posts (like comments) */
	.floatctrl	{margin:0; padding:0; float:right;}
	form.mb-threading input.checkbox {vertical-align: -2px}
	.boards .mb-post .body	{border:1px solid #aaaaaa; background:#dfefef; margin:6px 0 6px 0}
	.boards .mb-post .userinfo {float:left; width:101px; margin:0; padding:6px;}
	.boards .mb-post .showavatar    {margin:0 0 0 116px; background:#ffffff; padding:6px}
	.mb-post .content {margin:12px 0}
	
	/* other fisheye settings */
	.thumb				{}
	.fisheyegallery .thumb		{}
	.thumb:hover			{}
	.thumbnailblock .box		{}
	.thumbnailblock .box:hover		{}
	.thumbnailblock .box a:hover		{}
	.image				{}

	/* gmap settings */
	.display.gmap .body				{margin-top:6px;}
	#gmap-map,
	#gmap-sidepanel		{border:1px solid #bbbbbb; width:400px; position:relative;}
	#gmap-sidepanel h3,
	#gmap-sidepanel .pagination,
	.sidebox	{margin:10px 10px 10px 10px;}
	.gmapsidelist a {margin:20px 0}
	.infowindow	{width:460px;}
	#gmap-sidepanel h3.gmapsidetitle {margin-left:0}
	#gmap-sidepanel .tabpage h3,
	#gmap-sidepanel h3.handle {margin:0}
	#gmap-forms h2 {font-size:1.2em}
	#content .infowindow .display {padding:0;margin:0;}

	/* gmap edit styles */
	#gmap-sidepanel .row		{margin:10px}
	#view_polyline_polylinestyles .row,
	#view_polygon_polylinestyles .row,
	#view_polygon_polygonstyles .row,
	#view_icons .row,			
	#view_tilelayers .row		{margin:0}
	#view_icons .forminput,			
	#view_tilelayers .forminput	{margin:4px 0}
	#gmap .tabpage 				{font-size:10px; color:#666; background:#fff}
	#gmap .setname 				{font-size:1.25em}
	#gmap-sidepanel-wizard h3 {margin:4px}

	/* groups settings */
	.group ul.membership	{white-space:nowrap; list-style-type:none; margin:18px 0 6px 0; padding:0; text-transform:uppercase; font-weight:bold}
	.group ul.membership li	{display:inline; padding:.25em 1em; border:1px solid #999; color:#00446f; margin-right:.5em}
	.group ul.membership li.action {border:1px solid #00446f; background:#99d578}
	.group ul.membership li a {color:#00446f}

	#editgroupform	{margin-top:18px;}

	/* diasalsa settings */
	.diasalsa ul.manageoptions	{white-space:nowrap; list-style-type:none; margin:18px 0 18px 0; padding:0; text-transform:uppercase; font-weight:bold}
	.diasalsa ul.manageoptions li	{display:inline; padding:.25em 1em; border:1px solid #999; color:#00446f; margin-right:.5em}
	.diasalsa ul.manageoptions li.action {border:1px solid #00446f; background:#99d578}
	.diasalsa ul.manageoptions li a {color:#00446f}

	div.sharethis {margin:18px 0 18px 0;}

	/*
	.navbar ul		{white-space:nowrap; list-style-type:none; margin:18px 0 6px 0; padding:0;}
	.navbar ul li	{display:inline; padding:.25em 1em; border:1px solid #999; color:#00446f; margin-right:.5em; text-transform:uppercase; font-weight:bold}
	.navbar ul li a {color:#00446f}
	*/

	/* action stylings */
	#content .body .listing		{margin:0; padding:0;}
	.listing ul.data {padding:0; margin:0;}
	.listing ul.data li {list-style:none; clear:both; padding:0; margin:0 0 24px 0; border-bottom:1px solid #aaaaaa; padding-bottom:24px;}
	.listing ul.data li.last {border:none; margin:0; padding:0 0 12px}
	.listing ul.data li .odd,
	.listing ul.data li .even {background:white;}
	.listing ul.data li a.thumb {display:block; width:90px; height:90px; float:left;}
	.listing .floaticon	{padding:4px 6px;}
	.listing ul.data li p {padding:0; margin-top:0; font-size:1.2em}
	.listing ul.data li div.wrapper {background:white; margin-left:108px;}
	.listing .actionlink {display:block; margin-top:1em;font-weight:bold}
	.listing h3	{color:#333; font-weight:normal;}

	.listing ul.data li ul {margin:0; padding:0}
	.listing ul.data li ul li {margin:0; border:none; padding:0;}

	/* sitehome */
	div.display.sitehome	{text-align:center}
	div.display.sitehome .header	{width:700px; margin:0 auto;}
	div.display.sitehome .header p	{font-weight:bold; font-size:1.4em; padding:0; margin:0; color:#00446f; line-height:1.6em}
	div.display.sitehome table	{width: 828px; margin:6px auto}
	div.display.sitehome table td {padding:0 5px}	
	div.display.sitehome tr.desc td	{text-align:left; padding:12px 5px; font-size:1.2em; line-height:2em;}
	div.display.sitehome tr.label a {font-size:1.6em; color:#ffffff; text-transform:uppercase; font-weight:bold;}
	div.display.sitehome tr.label div {width:270px; background:#38b3d9; padding:.5em 0;}

	/*geodata*/
	/*datasets*/
	/*
	.dataset .body .content .column ul {margin:0px; padding:0 0 0 10px; list-style-type:none;}
	.dataset .body .content .column ul li {margin:8px}
	*/
	.dataset .body .content .row,
	.dataset .body .content h3 			{margin-bottom:10px;}
	.dataset .body .content table		{border:1px solid #ccc; margin:10px 0;}
	.dataset .body .content table td	{padding:8px 10px; vertical-align:top}
	.geodata label {font-weight:bold} 
	#geodata .listing ul.data {margin-top:20px}
	#geodata .listing ul.data li {padding:14px; margin:0}
	#geodata .listing ul.data li ul li {padding:0}
	.listing ul .body {margin:4px 0; font-size:1.1em}

	/* sticky notes */
	.stickies textarea,
	.stickies input[type='text']		{}
	.stickynote .hox h3			{}
	.stickynote			{}

	/* this is the attachment browser */
	.attbrowser			{}
	.attbrowser .data			{}
	.attbrowser .data td		{}

	/* various settings */
	.pagination			{}
	.pagination a			{}
	.gallerybar,
	.structurebar			{margin-bottom:1em}
	.gallerybar a,
	.structurebar a			{}
	.avatar				{}
	.errorpage p			{}

	/* priorities */
	.prio1				{}
	.prio2				{}
	.prio3				{}
	.prio4				{}
	.prio5				{}

	/* navigation bars */
	/* .navbar				{height:2em; line-height:2em;} */
	.navbar ul			{padding:0; margin:0; list-style:none;}
	.navbar ul li			{float:left; padding:0 10px 0 0;}

	.navbar				{margin:9px 0; padding:.35em 0;}
	.navbar a.button	{text-transform:uppercase; font-weight:bold; padding:.25em 1em .25em .75em; border:1px solid #999; color:#00446f; background:#ffffff}

	/*** miscellaneous settings ***/
	.quicktag				{}

	/* boxes and modules */
	.box				{}
	.box h3				{}
	.popup				{width:250px; background:#fff; padding:0.5em; border:1px solid #999;}
	.popup small			{}
	.popup h3				{}
	.closebutton			{position:absolute; top:2px; right:2px;}

	/* modules */
	.module			{padding:0; margin:0;}
	.module h3			{}
	.module h3 a			{}
	.module ul			{margin:0; padding:0; list-style:none;}
	.module ul ul			{margin:0;}
	.module ul li			{margin:0;}
	.module ol			{margin:0;}
	.module ol li			{margin:0;}

	.module .boxcontent {}

	#extra	{}
	#extra .module h3 {margin:.3em .5em; font-size:1.1em; text-transform: uppercase; border-bottom:1px solid #00446f; color:#00446f; padding:2px 0;}
	/* 
	 #extra .module h3 {margin:.3em .5em; font-size:1em; font-weight:bold; padding:.4em; color:#00446f; background:white; border:1px solid #bbbbbb;text-transform:uppercase; text-align:center;}
	 */
	#extra .module .boxcontent {margin:0 .5em;}

	/* specific modules */
	#extra .module.group-search .boxcontent {border:1px solid #bbbbbb; padding:.6em;}
	#extra .module.icon-menu .boxcontent,
	#extra .module.package-menu .boxcontent	{border:none; margin:0; padding:0 .5em;}

	#extra .module.icon-menu 				{margin-bottom:9px; height:40px;}
	.icon-menu .floaticon	{float:none; text-align:right;} 
	.icon-menu .floaticon .icon	{margin:0 0 0 8px} 
	
	#extra .package-menu h3				{display:none;}
	#extra .package-menu ul li.active,
	#extra .package-menu ul li			{
		margin:.3em 0; 
		font-size:1.4em; 
		text-transform:uppercase; 
		text-align:center; 
		padding:4px 0 0 0;
		background: #f6f6fa; 
		border:1px solid #bbbbbb;
	}
	#extra .package-menu ul li.active	{background-image:url(./images/active_arrow.gif); background-repeat:no-repeat; background-position:top right;}
	#extra .package-menu ul li a 		{color:#00446f}
	#extra .package-menu ul li.submenu 	{background:none; padding:0; margin-bottom:24px; border:none;}
	#extra .package-menu ul li.title 	{font-size:.7em; font-weight:bold; padding:.4em;}
	#extra .package-menu ul li ul li 	{font-size:1em; background:white; border:1px solid #bbbbbb;}
	#extra .package-menu ul li ul li a 	{color:#00446f;}
	#extra .package-menu ul li img 		{vertical-align:middle; margin-right:3px; margin-bottom:3px; } 
	#extra .package-menu ul li ul li img {visibility:visible}

	.group-search h3,
	.ilike-box h3 {display:none;}
	#extra .findnear h3 {border:none; font-size:1.65em; padding-bottom:0; margin-bottom:30px; color:#f78d1d; text-align:center;}
	#extra .findnear .boxcontent {border:none; padding:0; text-align:center;}
	.findnear a img {border:none;}

	#list-query-form fieldset	{background:#fff9f3}
	#list-query-form .row {float:left; margin-right:10px;}
	#list-query-form .submit {clear:both; float:none; text-align:left;}

	#extra input	{vertical-align:top; margin:0; width:65%}
	#extra input.button		{height:2.05em; padding-bottom:.1em; font-weight:bold; color:#00446f; background:#ffffff; border:1px solid #bbbbbb; text-transform:uppercase; width:auto;}


	/* multi file upload */
	#fileslist div span			{}

	/* dynamic tree styling */
	.DynamicTree .text			{}
	.DynamicTree .text-active		{}
	.DynamicTree .tree-top		{}
	.DynamicTree .tree-wrapper1		{}
	.DynamicTree .tree-tooltip		{}
	.DynamicTree .navbar a		{}
	.DynamicTree span .move		{}

	/* tabs */
	.tabsystem			{margin:2px 0;}
	.tabsystem .tabcontainer		{margin:0; padding:0; border:0; clear:both; z-index:1;}
	.tabsystem .tabcontainer .tab,
	.tabsystem .tabcontainer .tab-active	{position:relative; display:inline; float:left; z-index:1; white-space:nowrap;}
	.tabsystem .tabpage			{z-index:1; clear:both;}
	h4				{margin:0; padding:0; z-index:1;}

	/* tabs design */
	.tabsystem .tabcontainer .tab,
	.tabsystem .tabcontainer .tab-hover,
	.tabsystem .tabcontainer .tab-active	{top:1px; font:10px verdana,arial,sans-serif; margin:0px 2px 1px 2px; padding:3px 4px 2px 4px; border:1px solid #bbb; border-bottom:0; background:white}
	.tabsystem .tabcontainer .tab-hover		{top:2px; padding:1px 4px 3px 4px; border-top:2px solid #f60;}
	.tabsystem .tabcontainer .tab-active	{top:2px; color:#000; padding:1px 4px 3px 4px; border-top:2px solid #f60; background:white}
	.tabsystem .tabpage			{border:1px solid #bbb; margin:0; padding:2px; background:white}

	/* gmap tabs */
	#edit-markers-table .tabsystem	{margin:2px 8px 2px 0px}
	#edit-markers-table .tabsystem .tabpage {border:none; padding:8px;}

	/* sharethis */
	a.stbutton	{padding:.25em .9em .25em 2.5em !important; border:1px solid #999; background-color:#ffffff; background-position:.8em .2em !important;}

	/* css driven dropdown menus - horizontal */
	ul.hor					{line-height:22px;}
	ul.hor .icon			{vertical-align:middle; padding:0 0.6em 0 0; margin-left:-2.2em;}
	ul.hor ul li			{line-height:22px;}
	ul.hor,
	ul.hor li,
	ul.hor ul				{padding:0; margin:0; list-style:none;}
	ul.hor a				{display:block; padding:0px 6px;}
	ul.hor li				{width:auto;}
	ul.hor li li,
	ul.hor li ul			{width:13em; display:block; text-align:left;}
	ul.hor .head			{width:auto;}
	ul.hor li				{float:left; position:relative;}
	ul.hor li ul			{position:absolute; left:-999em;}
	ul.hor li ul ul			{margin:-23px 0 0 13em;}
	ul.hor li li a			{margin:0 0 0 2em;}
	/* ensure dropdown is on top */
	ul.hor,
	ul.hor a,
	ul.hor li ul			{z-index:1000;}
	/* set some background colors for visibility */
	/* thanks to our favourite browser we can't simply inherit the values */
	div#tilelayers_menu,
	div#bittopbar,
	ul.hor,
	ul.hor li,
	ul.hor li ul			{z-index:1000;}
	/* roll over styles */
	ul.hor li 				{background:#99d578; margin-right:4px;}
	ul.hor li:hover,
	ul.hor li li				{background:#38b3d9;}
	ul.hor a					{color:#00446f;font-size:.9em; font-weight:bold; text-transform:uppercase}
	ul.hor li:hover a:link, 
	ul.hor li:hover a:visited 	{color:#182f59;}
	ul.hor li:hover a:hover		{color:#fff} 

	ul.hor li:hover ul ul,
	ul.hor li:hover ul ul ul		{left:-999em;}
	ul.hor li:hover ul,
	ul.hor li li:hover ul,
	ul.hor li li li:hover ul		{left:auto;}

	/* side menu items */
	.suckerfish 				{font-size:1.2em}
	.suckerfish ul li			{margin:1em 0 0 0;}

	/* tilelayers drop menu */
	div#tilelayers_menu				{margin-bottom:6px; border:1px solid #bbbbbb; border-left:0; color:#333;}
	div#tilelayers_menu ul.hor li 	{background:#ffffff; border:solid #bbbbbb; border-width:0 1px 0 0; padding:0; margin:0;}
	div#tilelayers_menu ul.hor li.m-home			{border-width:0 1px;}	
	div#tilelayers_menu ul.hor li li				{border-width:1px 1px 0 1px;}
	div#tilelayers_menu ul.hor li ul				{border-bottom:1px solid #bbbbbb;}
	div#tilelayers_menu ul.hor li li,
	div#tilelayers_menu ul.hor li ul				{width:24em;}
	div#tilelayers_menu ul.hor li:hover,
	div#tilelayers_menu ul.hor li li				{background:#dfefef;}
	div#tilelayers_menu ul.hor a					{color:#555; padding:0 1em;}
	div#tilelayers_menu ul.hor li li a				{margin:.3em 0; line-height:1.2em}
	div#tilelayers_menu ul.hor li:hover a:visited 	{color:#555;}
	div#tilelayers_menu ul.hor li:hover a:hover		{color:#182f59; background:#cee5f4;} 
	div#tilelayers_menu ul.hor li.m-home a,
	div#tilelayers_menu ul.hor li.m-home:hover a:hover	{color:#333; background:#ffffff;}	
	
	div#gmap-sidepanel-edit ul li li	{clear:both}
	#gmap-sidepanel-edit fieldset {margin:8px}
	
	.tilelayer_key			{width:200px; background:white; border:1px solid #666; padding:10px}
	.tilelayer_key_color	{width:14px; height:14px; display:inline-block; opacity:0.7;filter:alpha(opacity=70); float:left}
	.tilelayer_key_row		{clear:both; margin:1px 0;}

	/* dia salsa iframe */
	/* structure */
	.salsa #mainForm 		{width:608px; padding:12px; border:1px solid #AACF8E;  background:#C8EFB3; /*38B3D9*/ /*A4DDEF;*/ color:#515F17 /*487F1F*/}
	.salsa .actioncontent 	{width:324px; padding:0 12px 0 0; border-right: 1px solid #91AF62;}
	.salsa .targets 		{width:244px; padding:6px 0 6px 12px; margin-left:12px; border:1px solid #91AF62; background:#AACF8E /*A4DDEF*/ /*38B3D9;*/}
	.salsa .supporterinfo 	{width:324px; padding-right:12px; border-right: 1px solid #91AF62;}
	.salsa .recipient {clear:both}
	.salsa .recipient .photo {border:1px solid #515F17}
	.salsa .submit			{margin-left:80px;}
	.salsa #profile			{display:none}

	/* hide */
	.salsa h1,
	.salsa .description {display:none}

	/* labels */
	.salsa label			{font-weight:bold; text-align:left; text-transform: uppercase;}
	.salsa .addressSearch label {width:64px; float:left; padding-top:4px;}
	.salsa .supporterinfo label {width:134px; float:left; padding-top:4px;} 
	.salsa label em {font-style:normal}
	.salsa .phone {margin-left:.4em;}
	.body #bw_swap_content {margin-top:18px;}

	ul.listmenu {list-style-type:none; margin:0; padding:0;}
	ul.listmenu li {margin:6px 0; padding:0;}

	.actionicon{margin-top:-18px}
	#gmap-sidepanel-tilelayers {clear:both}

	/* categories */
	#categories .body li {clear:both; margin:12px 0}

	/* geodata geodataplus */
	.display #gmap-sidepanel .tabpage {border:none; border-top:1px solid #bbb; overflow:hidden}
	#view_dbviews .row,
	.display #gmap-sidepanel .row {margin:4px 0}	
	.faketab	{height:0 !important; width:0 !important; border:none !important; background:none !important;}
	/* dbviews */
	#gmap-sidepanel-tilelayers {padding:2px}
	#gmap-sidepanel-tilelayers, 
	#gmap-sidepanel-tilelayers p, 
	#gmap-sidepanel-tilelayers h1, 
	#gmap-sidepanel-tilelayers h2, 
	#gmap-sidepanel-tilelayers h3, 
	#gmap-sidepanel-tilelayers h4, 
	#gmap-sidepanel-tilelayers h5 
	{color:#182f59}
	#gmap-sidepanel #geodataplus_dbview_details h2 {font-size:1.4em}
	#gmap-sidepanel #gmap-sidepanel-tilelayers h3 {margin:6px 0; font-size:1.3em} 
	#geodataplus_dbview_themes {} /* menu options */ 
	#geodataplus_dbview_themes  select {border-color:#1A9AB7; border-width:1px; padding:1px 1px 1px 2px; background:#cceeff; font-size:10px}
	#dbviews_options {border:1px solid #1A9AB7; padding:6px; background:#f3f9ff; }
	#dbviews_options p {margin:2px 0;}
	#geodataplus_dbview_details { margin-top:6px; padding:6px; border-top:1px solid #bbb; } /* layer info */
	#dbviews_details .date {margin-top:4px;}
	#dbviews_details .body {margin:4px 0;}
	#dbviews_details .key {margin:6px 0 4px 0;}

	.display #gmap-sidepanel .tabsystem {margin:-1px 0 0}
	.display #gmap-sidepanel .tabsystem .tabcontainer {position:relative; z-index:10}
	.display #gmap-sidepanel .tabsystem .tabcontainer .tab {border:1px solid #c3fe97; border-bottom:1px solid #bbb; background:#c3fe97;}
	.display #gmap-sidepanel .tabsystem .tabcontainer .tab-active {border: 1px solid #bbb; border-bottom:1px solid white; background:white;}
	.display #gmap-sidepanel .tabsystem .tabcontainer .tab,
	.display #gmap-sidepanel .tabsystem .tabcontainer .tab-active {top:0; padding:10px 14px 6px; margin:0}
	.display #gmap-sidepanel .tabsystem .tabpage {position:relative; top:-1px; margin-left:1px;}
	.display #gmap-sidepanel .tabsystem .tabcontainer a {color:#182f59; font-weight:bold}
}

@media print	{
	body		{margin:0; padding:0;}
	.blocks1, .blocks2, .blocks3,
	#wrapper, #content	{width:100% !important; margin:0 !important; padding:0 !important;}
	#header, #navigation, #extra, #footer, .bittoc, .floaticon,
	.minifind, .navbar	{display:none;}
}