body,html {
	padding:0px;
	margin:0px;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	font-size:11px;
	line-height:1.4em;
	font-family: 'Ubuntu', sans-serif;
	color:#7a7a7a;
	font-weight:bold;
}
ul {
	margin:0px;
	padding:0px;
	padding-left:18px;
}
li {
	
}
#root {
	width:850px;
	height:550px;
	background:#c4c4c4;
	background:url('res/bkgd.jpg');
	opacity:0;
	transition:opacity 300ms;
}
#root.loaded {
	opacity:1;
	transition:opacity 300ms;
}

#top-con {
	height:122px;
	
	width:100%;
	position:relative;
}
#self-serve {

	position:absolute;
	height:122px;
	left:635px;
	top:48px;
	width:192px;
	height:67px;
	
}
#self-serve li {
	cursor:pointer;
}
#bottom-con {
	height:428px;
	
	position:relative;
}
#regions {
	position:absolute;
	left:0;
	top:0;
	height:428px;
	width:185px;

}
#cranial {
	margin-top:60px;
	height:62px;	
	
	cursor:pointer;
}
#cervical {
	height:47px;	
	
	cursor:pointer;
}
#thoracic {
	height:119px;	
	
	cursor:pointer;
}
#lumbar {
	height:63px;	
	
	cursor:pointer;
}
#sacral {
	height:41px;	
	
	cursor:pointer;
}
#coccyx {
	height:17px;	
	
	cursor:pointer;
}

#spine-con {
	position:absolute;
	
	width:57px;
	height:305px;
	left:200px;
	top:122px;
	text-align:center;
	position:relative;
	
}
#spine-con img {
	margin-left:auto;
	margin-right:auto;
	clear:both;
	float:none;
	display:block;
	opacity:0;
	position:absolute;
	left:100px;
}
#spine-con img:hover {
	opacity: .6;
}

.active {
	opacity:.6 !important;
}

#nerve-label {
	position: absolute;
}
#nerve-con {
	background:rgba(0,0,0,.1);
	width:210px;
	height:100px;
	position:absolute;
	left:391px;
	top:30px;
	height:355px;
	background:url('res/text_C1thruL5.png');
	background-repeat:no-repeat;
	padding-top:1px;
	z-index:101;
}
#nerve-con2 {
	
	width:230px;

	position:absolute;
	left:371px;
	top:378px;
	height:50px;
	background: url('res/text_sacrumCoccyx.png');
	background-repeat:no-repeat;
	padding-top:1px;
	z-index:101;
}

.nerve {
	box-sizing: border-box;
	font-weight:normal;
	font-size:10px;

	padding-left:30px;
	border-bottom:0px solid black;
	
	height:14.5px;
	line-height:14px;
	color:#62c53f;
	cursor:pointer;

}
#nerve-con2 .nerve {
	padding-left:50px;	
}
.nerve:hover {

	font-weight:bold;
}
.nerve.nc.active  {
	background:#d6f0cd;
	outline:2px solid #d6f0cd;
	border:1px solid #fff;
	border-right:0px;
	font-weight:bold;
	opacity:1 !important;

}
.nerve.nt {
	color:#f5ac20;
}
.nerve.nt.active  {
	background:#fce9c5;
	outline:2px solid #fce9c5;
	border:1px solid #fff;
	border-right:0px;
	font-weight:bold;
	opacity:1 !important;
}
.nerve.nl {
	color:#d73b26;
}

.nerve.ns {
	color:#700665;
}
.nerve.ns.active  {
	background:#dbc0d8;
	outline:2px solid #dbc0d8;
	border:1px solid #fff;
	border-right:0px;
	font-weight:bold;
	opacity:1 !important;
}
.nerve.nx {
	color:#785e31;
}
.nerve.nx.active  {
	background:#ddd7cb;
	outline:2px solid #ddd7cb;
	border:1px solid #fff;
	border-right:0px;
	font-weight:bold;
	opacity:1 !important;
}
.nerve.nl {
	color:#d73b26;
}
.nerve.nl.active  {
	background:#f4ccc7;
	outline:2px solid #f4ccc7;
	border:1px solid #fff;
	border-right:0px;
	font-weight:bold;
	opacity:1 !important;
}
#symptom-con {
	box-sizing: border-box;
	position:absolute;
	background:#fce9c5;
	outline:2px solid #fce9c5;
	border:1px solid #fff;
	width:230px;
	height:380px;
	position:absolute;
	left:602px;
	top:30px;
	z-index:100;
	padding:8px;
}
#symptom-con.nc {
	background:#d6f0cd;
	outline:2px solid #d6f0cd;
	color:#62c53f;
}
#symptom-con.nt {
	background:#fce9c5;
	outline:2px solid #fce9c5;
	color:#f5ac20;
}
#symptom-con.nl {
	background:#f4ccc7;
	outline:2px solid #f4ccc7;
	color:#d73b26;
}
#symptom-con.ns {
	background:#dbc0d8;
	outline:2px solid #dbc0d8;
	color:#700665;
}
#symptom-con.nx {
	background:#ddd7cb;
	outline:2px solid #ddd7cb;
	color:#785e31;
}
p {
	margin:0px;
}
#disclaimer-con {
	position:absolute;
	left:610px;
	top:360px;
	z-index:200;
	cursor:pointer;
}
#copyright-con {
	position:absolute;
	left:606px;
	top:412px;
	z-index:201;
	cursor:pointer;
}