/*------------------rules used by CCViews-------------------------------------*/

.trace { position: absolute; left: 2px; top: 2px; padding: 10px;
				 border: 1px solid #aaa;
				 background-color: #fff; filter: alpha(opacity=75); opacity: 0.75; 
				 font-size: 12px; font-family: "Bitstream Vera Sans Mono",monospace; }
.trace p { margin: -2px; margin-left: 0; padding: 0; }

/*-------------------some standard stuff--------------------------------------*/

html, body { height: 100%; }
body { min-width: 4px; font-family: georgia,serif; font-size: 16px; background-color: #c4ccbb; }
html,body,table,div,p,form,pre,a,input,img,h1 { margin: 0; margin-right: auto; padding: 0; }
img { vertical-align: middle; border-width: 0; }
.relCenter,div.relCenter { position: relative; margin-left: auto; margin-right: auto; }
.absTL { position: absolute; left: 0; top: 0; }
.invis { display: none; }
.debug { background-color: #fee; }
td { padding: 0 2px 0 2px; text-align: left; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/*----------------------------------------------------------------------------*/

table,ul,h1,h4,h2 { margin-bottom: 8px; }
h1,h4,h2 { text-align: center; font-family: 'Roboto',sans-serif; }
h1,h2 { color: #524; }
h4 { color: #aaa; }
div.article1 {
	width: 800px;
	padding: 10px;
	background-color: #fff;
}
a { text-decoration: none; color: #08b; }
a:hover { color: #e08; background-color: #dde; }
table,.grp1 { background-color: #eef; }
.pop { color: #b33; }
.pop2 { color: #c0c; }
.branch a {
	display: block;
	background-color: #eed;
	padding: 4px;
	font-family: 'Roboto',sans-serif;
	font-size: 1.3em;
}
div.article1 p {
	padding: 4px;
}
.branch a:hover { background-color: #dde; }
.branch p a {
	display: inline;
	background-color:inherit; 
	padding: 0;
	font-size: 1em;
}
a.renormal { display: inline; background-color: inherit; }
.theoryHead { color: #449; font-weight: bold; }
p.grp2 { background-color: #eee; padding: 12px; }
#otdHolder { font-family: "Bitstream Vera Sans Mono",monospace; font-size: 10px; padding: 0; width: 100%; }
#otdHolder a.block { display: block; margin-top: 0; background-color: #efd; text-align: center; }

/*----------------------ytp---------------------------------------------------*/

.ytv { width: 680px; padding: 8px 0 10px 0; }

/*------------------sio-------------------------------------------------------*/

#mumonBox { position: absolute; right: 0; top: 0; width: 210px; height: 120px;  z-index: 3; }

/*------------------math------------------------------------------------------*/

div.eng,.math1 { padding:20px; width: 700px; margin-left: auto; margin-right: auto; }
div.eng { background-color: #eee; line-height: 1.2em; } /*text-align: justify; */
.math1, #inputs { font-size: 1em; line-height: 1em; }
.math1 { background-color: #f4f4f4;}
.math2 { font-family: MathJax_Math,sans-serif; font-style: italic; }

/*-------------------------------hikes----------------------------------------*/
.grad1 {
	background-color:#efe;
	background-image:linear-gradient( to left,#ddf,#cfd );
}
#mapLabel {
	position:absolute;
	top:3px;left:127px;
	font-size:1.7em;
	z-index:4;
	opacity:0.8;
	color: #808;
	padding:0 5px 3px 5px;
}
/*-------------------------------rp-------------------------------------------*/

#rp_info, #rp_numbers {
	position: fixed;
	bottom: 0;
	border: 1px solid #444;
	background-color: #bbb;
	padding: 1px 4px 1px 4px;
	cursor: text;
	opacity: 0;
	transition: all 1s ease 0s;
}

#rp_info {
	right: 0;
}

#rp_numbers {
	left: 0;
}

#rp_info.vis, #rp_numbers.vis {
	opacity: 1;
	transition: all 0.5s ease 0s;
}

#rp_info a, #rp_numbers a {
	color: #345;
}

/*----------------------------------------------------------------------------*/