/* @override 
	http://localhost:8888/group/mappingmilitants/cgi-bin/css/map.css */

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

html {font-size:100.01%;overflow:auto;}
body {
	color:#222;
	overflow:auto;
	font: 70% "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: url(../img/bg.jpg) no-repeat fixed center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div#header	{
	position:				fixed;
	top:					0;
	left:					0;
	width:					100%;
	padding:				3px 2%;
	border-bottom:			1px solid #000;
	color:					#fff;
	-moz-box-shadow: 0px 2px 4px #666; 
	-webkit-box-shadow: 0px 2px 4px #666; 
	box-shadow: 0px 2px 4px #666; 

	z-index:				801;
	background: url(../img/texture-linen-dark.png) #333;
}

div#header span.label	{
	display:				inline-block;
	margin-left:			10px;
	padding-top:			6px;
	width:					230px;
	overflow:				hidden;
	font-size:				1.2em;
}

div#header div.slider	{
	display:				inline-block;
	width:					60px;
	margin:					0 0 0 10px;
}

div#timeline	{
	position:				absolute;
	top:					0;
	left:					0;
	width:					65px;
	height: 100%;
	text-align:				center;
	padding:				40px 0;
	z-index:				800;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.79);
	background: url(../img/texture-linen.png) rgb(171, 173, 179);
	-moz-box-shadow: inset -2px -2px 3px rgba(0, 0, 0, 0.13), 1px 1px 10px #adadad;
	-webkit-box-shadow: inset -2px -2px 3px rgba(0, 0, 0, 0.13), 1px 1px 10px #adadad;
	box-shadow: inset -2px -2px 3px rgba(0, 0, 0, 0.13), 1px 1px 10px #adadad;
}

div#timeline li	{
	display:				block;
	padding:				0 5px 0 0;
	font-weight:			bold;
	list-style-type:		none;
	font-size:				13px;
	line-height:			15px;
	max-height:				1em;
	text-align:				right;
}

div#map_container	{
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				2;
	overflow:				auto;
}

div#map_container div.group	{
	position:				relative;
	float:					left;
	background:				transparent;
	text-align:				center;
	z-index:				999;
}

div#map_container div.group.active	{
	background:				transparent url(../img/arrow-down.png) bottom center no-repeat;
}

div#map_container div.group div.earlier	{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					7px;
	background:				transparent url(../img/arrow-up.png) top center no-repeat;
}

div#map_container div.group span {
	display:				block;
	position:				relative;
	font-size: 12px;
	line-height: 12px;
	padding:				3px 5px;
	margin:					0 auto;
	cursor:					pointer;
	z-index:				999;
	background-color: white;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
}

div#map_container div.group > div.group_timeline	{
	position:				relative;
	width:					3px;
	background: url(../img/stripes.png) #000;
	margin:					-1px auto;
	height:					100%;
	
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);
}

div#map_container div.link	{
	position:				absolute;
	height:					2px;
	cursor:					pointer;
	z-index:				20;
}

div.link.all	{
	border-top:				2px dashed blue;
	margin-top:				4px;
}

div.link div.dot	{
	position:absolute;
	width:8px;
	height:8px;
	top:-5px;
}

div.link div.dot.left	{left:-4px;}
div.link div.dot.right{right:-4px;}

div.link.all div.dot	{
	background:		url(../img/bluedot.png) top left no-repeat;
}

div.link.aff	{background:#00f;}

div.link.riv	{
	margin-top:				1px;
	border-top:				2px dashed orange;
}

div.link.riv div.dot	{
	background:				url(../img/orangedot.png) top left no-repeat;
}

div.link.mer	{background:#000;}

div.link.spl	{background:#000;}

div.link.spl div.split-icon	{
	position:absolute;
	width: 45px;
	height:13px;
	top:-5px;
	z-index:21;
	left:10px;
	background:transparent url(../img/split.png) top left no-repeat;
}

div.link div.split-left, div.link div.split-right	{
	position:		absolute;
	top:			-3px;
	width:			6px;
	height:			10px;
}

div.link div.split-left	{
	left:			0;
	background:		transparent url(../img/arrow-left.png) top left no-repeat;
}

div.link div.split-right	{
	right:			0;
	background:		transparent url(../img/arrow-right.png) top right no-repeat;
}

div.settings_inactive, div.zoom_inactive, div.group_activity_inactive, div.trace_inactive, div.timeline_inactive, div.umbrella.inactive	{
	display:		none;
}

#map_container div.attack	{
	position:absolute;
	left: -9px;
	width:20px;
	height:20px;
	background:transparent url(../img/explosiong-orange-20.png) top left no-repeat;
	z-index:25;
	cursor:pointer;
}

#map_container div.leader	{
	position:absolute;
	left:-13px;
	width:25px;
	height:25px;
	background:transparent url(../img/person-25.png);
	z-index:25;
	cursor:pointer;
}

div.umbrella	{
	position:absolute;
	background-color:#bbb;
	opacity:.750;
	z-index: 5;
}

div.umbrella:hover	{
	opacity:.9;
}

div.umbrella span	{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}


#settings_dialog input, #settings_dialog label	{
	display:				block;
	float:					left;
}

#settings_dialog label	{
	width:					160px;
	clear:					right;
}

div.dialog div.box	{
	position:				relative;
	padding:				16px 8px;
	border-top: 1px solid #c7c7c7;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
div.dialog div.box:first-of-type	{
	border-top: 0;
}

div.dialog h2	{
	font-weight:			bold;
	font-size:				1.3em;
	margin-bottom: 8px;
}

#settings_dialog div.box:after, #settings_dialog p:after	{
	content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;
}

#legend_dialog p.legend-text	{
	position:				relative;
	float:					left;
	width:					160px;
	clear:					right;
}

#legend_dialog span.legend-mark-border	{
	display:				inline-block;
	width:					45px;
	margin-top:				10px;
	margin-right:			15px;
	padding-bottom:			8px;
}

#legend_dialog p	{
	margin-bottom:			.5em;
}

#legend_dialog span.aff	{
	border-top:				2px solid blue;
}

#legend_dialog span.all	{
	border-top:				2px dashed blue;
}

#legend_dialog span.mer	{
	border-top:				2px solid black;
}

#legend_dialog span.riv	{
	border-top:				2px dashed orange;
}

#legend_dialog span.spl	{
	background:				transparent url(../img/split.png) top left no-repeat;
	margin-top:				2px;
	height:					13px;
	padding-bottom:			5px;
}

#legend_dialog span.legend-mark-umbrella	{
	display:				inline-block;
	background:				#bbb;
	margin:					5px 0 0;
	height:					15px;
	width:					45px;
	margin-right:			15px;
}

#legend_dialog span.legend-mark-image	{
	display:				inline-block;
	margin:					0 20px 0 15px;
	width:					25px;
	height:					25px;
}

#legend_dialog span.leader	{
	background:				transparent url(../img/person-25.png) center center no-repeat;
}

#legend_dialog span.attack	{
	background:				transparent url(../img/explosiong-orange-20.png) center center no-repeat;
}

div.legend-mark.umb {background-color:#bbb;}
div.legend-img		{float:left; margin-right:23px;}

.nav_inactive	{
	opacity: 0.25;
	filter: alpha(opacity=25);
}

/* Hides the close button for settings_dialog*/
.settings_dialog .ui-dialog-titlebar-close{
	visibility: hidden;
}

#default{
	visibility: hidden;
}

/* Makes the white box larger */
div#map_container div.group	{
	width:70px !important;

}

div.umbrella:hover{
	cursor:pointer; 
}

div.instruction > p {
	float:right;
	padding-top: 3px;
	padding-right: 180px;
}