@import url(https://fonts.googleapis.com/css?family=Happy+Monkey);
button, .button
{
	margin-bottom:0.5em;
}
.adminpencil
{
	display:none;
}
#banner >article h2 img
{
	display:inline;
	vertical-align:middle;
	
}
#banner h2
{
	text-align:center;
}
a.white
{
	    color: #fff !important;
}
.editorview .icmsSkin .mceExternalToolbar {
    top: 50px !important;
}
.newslist a.fitheight
{
	height:140px;
	overflow-y:hidden;
}
.newslist h2
{
	font-size:1em;
	height:4em;
}
span.fitheight
{
	height: 240px;
	overflow-y:hidden;
}
input#triescount
{
	width:6em;
}
/* CALENDAR */
td.linked_day
{
	background-color:#FB1017;
}
/* ROUTESETTER */

 @media print {
	   body {
        margin:0;
		width:100%;
        }
		h1, h2, h3, h4, h5, h6 {
		margin:0;
		font-size:15pt;
	}
	span.2x{
		font-size:1.5em;
	}
	img.qrtag
	{
		width:23mm;
	}
	 .grade{
		 border: 1px dotted #666;
		 border-radius:50%;
		 padding:0.5em;
		 width:2em;
	 }
 
	
	.noprint{
		display:none;
	}
  
	.labelrow
	{
		height:57mm;
	}
	
	
	
	.labelitem p{
		margin:0 !important;
		font-size:10pt;
		line-height:1.1em;
	}
	.labelitem h2
	{
		margin:0 !important;
		padding:0 !important;
	}
	.ticklistlabel
	{
		float:left;
		clear:none;
		width:33%;
		height:12mm;
		margin:0;
		padding:0;
	}
    .label{
        /* Avery 3425 labels */
       /* width: 105mm;*/
	   width:50%;
        height: 57mm;
        padding: 5mm;
        overflow: hidden;
		float:left;
		clear:none;
		background-image: url(../images/reititin/routesetter.png);
		background-size: 1.5cm;
		background-repeat: no-repeat;
		background-position:bottom right;
      /*  outline: 1px dotted; /* outline doesn't occupy space like border does */
        }
    .page-break  {
        clear: left;
        display:block;
        page-break-after:always;
        }
 }
 div#routesetter-intro,
 div.splash
 {
	 width:100%;
	 height:100%;
	 position:absolute;
	 z-index:9999;
	 margin: auto;
	 overflow:hidden;
	 text-align:center;
	
 }
 .splash h2
 {
	 border: none !important;
 }
.underline{
	text-decoration:underline;
	width:100%;
	line-height:1.5em;
	letter-spacing:0.2em;
	
}
h2 span.underline{
	letter-spacing:normal;
}
h1.monkey,
h2.monkey
{
	font-family: 'Happy Monkey', cursive;
	text-transform:none;
}
.monkey:after{
border-bottom:none;
	}
.climberquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.climberquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.climberquote p {
  display: inline;
}
div.togglebox
{
	display:none;
	background-color: #333;
    border: 1px dotted blue;
    color: #fff;
    margin: 1em;
    padding: 1em; 
}
div.notification h2,
div.notification h3
{
	color:#fff;
	padding:1em;
	background-color:#FF2626;
}
a.button.competition.ticked
{
	background-color:#00B22D;
}
.notification.green h2,
.notification.green h3
{
	background-color:#00B22D;
}
span.currentvalue
{
	color: #0000B2;
}

/* list style selectors*/
label.viewtype > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label.viewtype > input + i{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + i{ /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #333;
}
.trophy-1:before,
.trophy-gold:before{
	color:#FFF533!important;
}
.trophy-2:before,
.trophy-silver:before
{
	color:#DBDBEA!important;
}
.trophy-3:before,
.trophy-bronze:before
{
	color:#CF7F26!important;
}
select.usergrade
{
	height:1.6em;
	width:5em;
}
h3.routetitle
{
	/* allow two-line route names without breaking layout*/
	height:3em;
}
div.monkeyheader
{
	background-image: url(../images/reititin/routesetter.png);
		background-size: 2cm;
		background-repeat: no-repeat;
		background-position:top right;
		height:2cm;
}
h2.nomargin
{
	border:none!important;
	margin:0;
	padding:0;
}
h2.nomargin:after{
content:none;
border:none;
}
i.superstar{
margin-right: 0.2em;
}

body#admin header#header { 
background-color:#333333;    
}