body {
	font-family: verdana, serif;
	background-color: #E8E8E8;
	margin: 0;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

svg {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.center {
	margin: 0 auto;
	padding: 40px;
	width: 900px;
	background-color: #E8E8E8;
	line-height:150%;
}


div.titleBar {
	margin: 0 auto;
	padding: 15px 0px;
	width: 900px;
	background-color: #E8E8E8;
	line-height:150%;
}

#header {
	width: 100%;
	color: white;
	background-color: rgb(6, 93, 160);
	position: fixed;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
}

#controls {
	position: fixed;
	top:62px;
	left:0px;
	padding: 5px 0px 5px 0px;
	width: 100%;
	color: black;
	background-color:#d5ebfb;
}

#footer {
	width: 100%;
	color: white;
	padding: 5px 0px 5px 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
	background-color:#d5ebfb;
}

#subjectFlowTitle {
	padding: 10px 20px;
	color: white;
	font-size: 35px;
	font-style: italic;
	font-weight: 900;
	text-shadow: black 2px 2px 10px;
	font-family: verdana, serif;
}

img {
	margin: 15px;
}


#searchTextField {
	margin: 0px;
	padding: 6px;
}

.topButtonLeftRadius {
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	border-radius:10px 0px 0px 10px;
}

.topButtonRightRadius {
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
	border-radius:0px 10px 10px 0px;
}

.topButtonBothRadius {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.topDatabaseButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #DDDDDD));
	background:-moz-linear-gradient(top, #FFFFFF 5%, #DDDDDD 100%);
	background:-webkit-linear-gradient(top, #FFFFFF 5%, #DDDDDD 100%);
	background:-o-linear-gradient(top, #FFFFFF 5%, #DDDDDD 100%);
	background:-ms-linear-gradient(top, #FFFFFF 5%, #DDDDDD 100%);
	background:linear-gradient(to bottom, #FFFFFF 5%, #DDDDDD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0);
	
	background-color:#DDDDDD;
	
	border:1px solid #dcdcdc;
	
	display:inline-block;
	color:#000000;
	font-family:verdana, serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;
}

.topButton {
	cursor: pointer;
	
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #C1C1C1));
	background:-moz-linear-gradient(top, #ededed 5%, #C1C1C1 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #C1C1C1 100%);
	background:-o-linear-gradient(top, #ededed 5%, #C1C1C1 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #C1C1C1 100%);
	background:linear-gradient(to bottom, #ededed 5%, #C1C1C1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#C1C1C1',GradientType=0);
	
	background-color:#ededed;
	
	border:1px solid #dcdcdc;
	
	display:inline-block;
	color:#444444;
	font-family:verdana, serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;
        
}
.topButton:hover {
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C1C1C1), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #C1C1C1 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #C1C1C1 5%, #ededed 100%);
	background:-o-linear-gradient(top, #C1C1C1 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #C1C1C1 5%, #ededed 100%);
	background:linear-gradient(to bottom, #C1C1C1 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1C1C1', endColorstr='#ededed',GradientType=0);
	
	background-color:#C1C1C1;
}

.topButton:active {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	
	border:1px solid #84bbf3;
		
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	
	background-color:#63b8ee;
}

.topButtonSelected {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #737373), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #737373 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #737373 5%, #ededed 100%);
	background:-o-linear-gradient(top, #737373 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #737373 5%, #ededed 100%);
	background:linear-gradient(to bottom, #737373 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#ededed',GradientType=0);
	
	background-color:#737373;
}

.colorLabel {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	border:1px solid #dcdcdc;
	
	display:inline-block;
	font-family:verdana, serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;   
}

.topPanel {
	display: none;
	font-size: 12px;
	font-family: verdana, serif;
	background-color: rgba(176,196,222,0.9);
	border-style: solid;
	border-color: #737373;
	border-width: 0px 0px 1px 0px;
	padding: 10px;
	width: 100%;
	height: 150px;
	display: none;
}

#panelSwitchButtons {
	margin: 0;
	padding: 0;
	font-size: 0;
	position: relative;
	top: 5px;
	display: none;
}

.switchButtons {
	cursor: pointer;
	margin: 0px;
	padding: 5px 20px 5px;
	font-size: 12px;
	font-family: verdana, serif;
	background-color: rgba(255,255,255,0.9);
	border-style: solid;
	border-color: #737373;
	border-width: 1px 1px 1px 0px;
	display: none;
}

span.selected {
	padding: 6px 20px 5px;
	background-color: rgba(176,196,222,0.9);
	border-width: 0px 1px 1px 0px;
}

#hideSwitch {
	background-color: #C0C0C0;
}

#showSwitch {
	display: none;
	background-color: #C0C0C0;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
}

#visualTree {
	margin: 120px 0px 0px;
}

#visualTable{
	margin: 120px 0px 100px;
	display: none;
}


.rightSidePanel {
	z-index: 200;
	position: fixed;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	background-color: #b0c4de;
	padding: 10px;
	display: none;
	border-style: solid;
	border-color: #737373;
	border-width: 0px 0px 0px 1px;
	font-size: 14px;
}

span.contentName {
	font-size: 20px;
}

#mainEditPanelTitle {
	font-size: 20px;
}

button {
	margin: 3px;
	padding: 3px;
	font-family: verdana, serif;
}

input {
	margin: 3px;
	padding: 3px;
}

select {
	margin: 3px;
	padding: 3px;
}

.node circle {
	cursor: pointer;
	stroke-width: 1.5px;
}

.node text {
	font-size: 12px;
	font-family: verdana, serif;
}

.popupInfo text{
	font-size: 12px;
	font-family: verdana, serif;
}

.editInfo text{
	font-size: 12px;
	font-family: verdana, serif;
}

div.tableEntry {
	font-size: 14px;
	margin: 5px;
	padding: 5px;
	text-decoration: none;
	border: 1px solid black;
	border-radius: 10px;
	cursor: pointer;
}

p {
	margin: 2px;
}
a.tableName {
	margin-left: 20px;
	margin-right: 20px;
}
p.tableInfo {
	margin-top: 8px;
	font-size: 12px;
	background-color: white;
	color: black;
	padding: 3px;
	border: 1px solid black;
	border-radius: 3px;
}
a.tableLink {
	font-size: 12px;
	background-color: white;
	color: black;
	padding: 3px;
	border: 1px solid black;
	border-radius: 3px;
}
a.tableExpand{
	font-size: 12px;
	padding: 3px;
	border: 1px solid black;
	border-radius: 3px;
}

div.normal {
	background-color: #BEE0D9;
	color: black;
}

div.known {
	background-color: #5479DE;
	color: white;
}

div.learn {
	background-color: #6AE351;
	color: black;
}

div.target {
	background-color: #E05A1D;
	color: white;
}

div.searched {
	background-color: #E8E40C;
	color: black;
}

div.pathway {
	border-radius: 0px;
}