@import url(http://fonts.googleapis.com/css?family=Carrois+Gothic|Open+Sans:400,300|Open+Sans+Condensed:300);

/*	core styles	*/
html 
{
	padding: 0;
	margin: 0;
	height: 100%; /* Required for liquidity. */  
}

body 
{
	padding: 0;
	margin: 0;
	height: 100%; /* Required for liquidity. */
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: url("images/bg-pattern.png"); 
}

p {
	font-size: 1.2em;
	line-height: 1.6em;
}

/*	global	*/
div[ng-view] { 
	padding-top: 80px;
}

div[ng-view] > .container { 
	padding-top: 50px; 
}

#blocker { 
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,.5);
	z-index:1034;
}

#blocker > div {
	position:absolute;
	width:10em;
	height:10em;
	top:50%;
	left:50%;
	margin-top:-5em;
	margin-left:-5em;
}

.tooltip_header { 
	text-transform: uppercase; 
	display: block;
}

.tooltip_content { 
	display: block; 
	margin-top: 10px;
}

/*	visualization	*/
#visualization { 
	width:100%; 
	height:100%; 
	margin-top:0px;
}

#visualization.minimized  { 
	float:left; 
	width:75%;
}

#info 
{ 
	height:100%;
	background:#fff;
	border-left: solid 2px #eee;
	margin-top:0px;
	padding:20px 20px 20px 40px;
	position: relative;
    overflow: hidden;
}

#info .header {
	margin-bottom: 40px;
}

#info.maximized  { 
	float:right; width:25%; 
}

.header { 
	font-size: .7em; 
	font-weight: bold; 
	margin-bottom: 10px; 
}

.item { 
	font-size: .8em; 
	margin-bottom: 10px; 
	line-height: 1.4em; 
}

.entity-type-toggle {
	text-decoration: line-through;
}

.entity-type-toggle.active {
	text-decoration: none;
}

.footer-control { margin: 12px; }

/*	svg	*/
circle.node { fill-opacity: 1; }
circle.border { fill-opacity: 0; }
circle.minimized { fill-opacity: .25; stroke-width: 2px; }
circle.maximixed { fill-opacity: .75; stroke-width: 0px;  }
circle.packed { fill-opacity: .5; }
circle.over { fill-opacity: .5; }
circle.node.unfocused { fill-opacity: .1; stroke-opacity: .1 }
circle.node.focused { fill-opacity: 1; stroke-opacity: 1 }
circle.border.unfocused { stroke-opacity: .1 }
circle.border.focused { stroke-opacity: 1 }
line.edge { stroke: #666; stroke-opacity: .5; }
text { font-size: .7em; font-family: "Arial",sans-serif; }
text.entityLabel { fill: #000; }
text.fieldLabel { fill: #fff; }

/*	bootstrap overrides	*/
h2 { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300; 
	font-style: italic; 
	font-size: 2.4em; 
	text-transform: uppercase;
}

table { 
	background-color: #fff; 
}

label, thead { 
	font-family: 'Carrois Gothic', sans-serif; 
	font-weight: 400; 
	text-transform: uppercase;
}

.form-group > label {
	margin-top: 5px; 
}

.navbar.navbar-fixed-top { 
	min-height: 80px;
}

.navbar.navbar-fixed-top > .container { 
	margin-top: 10px;
}

.navbar-nav > li > a { 
	font-family: 'Carrois Gothic', sans-serif; 
	font-weight: 400; 
	text-transform: uppercase; 
	color: #000 !important; 
	border-top: solid 2px rgba(0,0,0,0); margin: 0px 10px;
}
.navbar-nav.main > li > a { 
	border-top: solid 2px #ccc;
}

.navbar-nav.main > li > a.active { 
	border-top: solid 2px rgba(255,238,0,1); 
}

.dropdown-menu li a.btn { 
	text-align: left; 
}

.dropdown-menu li a { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300; 
}

.dropdown-menu li > a:hover, 
.dropdown-menu li > a:focus, 
.dropdown-submenu:hover > a { 
	background-image: none; background-color: rgba(255,238,0,1); 
}