/** General **/

body {
	margin: 18px;
}

::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: rgba(126, 126, 126, 0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

body.disconnected {
	margin: 18px;
	opacity: 0.8;
	-webkit-filter: grayscale(1);
}

body.disconnected #disconnected { display: block; }

/** glow ***/
.glow {
  -webkit-animation: pulse 0.2s alternate 10;
  -moz-animation: pulse 0.5s alternate infinite;
  background: rgba(255,255,255,0.9);
  box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
                    0px 0px 20px rgba(117,182,214,0.5);

}

@-webkit-keyframes pulse {
  0% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
                      0px 0px 40px 2px rgba(105,135,255,1);
  }
  100% {
    background: rgba(117,182,255,0.5);
    box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
                      0px 0px 30px 2px rgba(105,135,255,0.3);
  }
}
  
@-moz-keyframes pulse {
  0% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
                      0px 0px 40px 2px rgba(105,135,255,1);
  }
  100% {
    background: rgba(117,182,255,0.5);
    box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
                      0px 0px 30px 2px rgba(105,135,255,0.3);
  }
}


/** navigation **/

#menu a.active { }

#menu ul {
	list-style-type: none;
	position: absolute;
	display: block;
	right: 30px;
	margin: 0;
	padding: 0;
	top: 21px;
}
#menu li {
	display: inline-block;
}
#menu a {
    display: block;
    padding: 5px;
    text-decoration: none;
    margin:3px;    
}

#menu a.home { display: inline; }

/** Pages **/

.view { display: none; position: relative; }
.view.active { display: block; }

/** Page tools and snippets **/

div.popup {
  display: none!important;
}

div.templates {
  display: none!important;
}