/*
 * Style file for the vocabulary mapper.
 */

/***** GENERAL *****/
/* Forms */
form { padding: 0px; margin: 0px; }
textarea { border: 1px solid gray; width: 75%; }
input[type="text"] { border: 1px solid gray; }
input[type="password"] { border: 1px solid gray; }
fieldset { border: none; padding: 0px; }
/* Defaults for textual elements */
h1 { padding-left: 6px; }
h2 { margin-top: 0px; }
em { font-style: italic; }
a:link { color: #000; text-decoration: underline; }
a:visited { color: #555; text-decoration: underline; }
a:hover { color: #ed2224; text-decoration: underline; }
/* Lists and tables */
ul, ol { margin-top: 0px; margin-bottom: 0px; }
td { vertical-align: top; }
th { text-align: left; }
/* Common div/span classes */
div.error {
	text-color: red;
	border: 1px solid red;
	background: #ffeeee;
	padding: 6px;
	margin-bottom: 6px;
}
span.warning {
	color: red;
}

/***** NAVIGATION BUTTONS *****/
a.buttonlink { padding: 3px 3px 3px 3px; }
a.buttonlink, a.buttonlink:visited {
	background: #fff;
	border: 1px solid #ed2224;
	color: #ed2224;
	text-decoration: none;
}
input[type="submit"] {
	background: #fff;
	border: 1px solid #ed2224;
	color: #ed2224;
	text-decoration: none;
}
a.buttonlink:hover {
	background: #ed2224;
	color: #fff;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #ed2224;
	color: #fff;
	cursor: pointer;
}
div.navbuttons {
	margin-top: 12px;
	padding-bottom: 3px;
}

/***** PAGE LAYOUT *****/
body {
	background: #f0f0f0;
	font: 10pt Verdana, Helvetica, sans-serif;
	text-align: center;
}
/* IE6 doesn't seem to inherit this properly. */
table {
	font: 10pt Verdana, Helvetica, sans-serif;
}

h1, h2, h3 { font-family: "Trebuchet MS",Verdana,Sans-Serif;}
#outer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
	padding-bottom: 2px;
	margin: 0px;
}
#menu {
	margin-bottom: -2px;
	border-bottom: 1px solid #ed2224;
}
#main {
	background: #fff;
	padding: 6px;
	border-bottom: 1px solid #ed2224;
	border-left: 1px solid #ed2224;
	border-right: 1px solid #ed2224;
}

/***** MENU *****/
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 1em;
	/*float: left;*/
}
#menu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu ul li a {
	border-collapse: collapse;
	color: #ed2224;
	padding: 2px 6px 0px 6px;
	text-decoration: none;
	font-weight: bold;
}
#menu ul li a:visited {
	color: #ed2224;
}
#menu ul li a:hover {
	background: #ed2224;
	color: #fff;
	border-bottom: 1px solid #ed2224;
	text-decoration: none;
}
#menu ul li a.active {
	background: #fff;
	color: #ed2224;
	border-top: 1px solid #ed2224;
	border-left: 1px solid #ed2224;
	border-right: 1px solid #ed2224;
	border-bottom: 1px solid transparent;
}
/* Hack for IE 6. */
* html #menu ul li a.active { padding-bottom: 2px; }
#menu ul li a.active:visited {
	background: #fff;
	color: #ed2224;
}

/***** SYMPTOM LIST VIEW *****/
table.symptomlist {
	table-layout: fixed;
	width: 100%;
}
td.halfcolumn {
	width: 50%;
}

/***** SYMPTOM EVALUATION VIEW *****/
/* Outer box around all. */
div.symptombox {}

/* Text to click for help. */
span.helptrigger {
	text-decoration: none;
	color: #ed2224;
	cursor: pointer;
}
span.helptrigger:hover {
	text-decoration: underline;
}
/* Help text box. */
div.helptext {
	border:#ed2224 dotted 1px;
	padding: 6px;
	background:#ffffd9;
	display: none;
}

/* Details about a symptom. */
div.symptomdetails { }
span.lookupstring { }
span.lookupstring_active { font-style: italic; }

/***** CONCEPT EVALUATION VIEW *****/

/* Details about a given string. */
div.stringdetails { margin-top: 1em; }
span.result { font-weight: bold; }

/* Intro page: List of concepts with names. */
table.concepttable {
	border-collapse: collapse; 
	margin-top: 1ex;
	margin-bottom: 1ex;
}
table.concepttable th { border-bottom: 1px solid gray; }
.conceptcell {
	padding-right: 6pt;
}
.conceptnamecell {
	padding-left: 6pt;
}
td.conceptcell {
	border-right: solid 1px gray;
}
/* Markup for a relation in the list of relations. */
span.relation { font-weight: bold; }
/* For two-column list of relations. */
table.relationlist {
	table-layout: fixed;
	border: 1px dotted gray;
}

/***** CONTEXT VIEW *****/
/* Details about a given context. */
div.contextdetails { margin-top: 1em; }

/* Div with hierarchy and evaluation form. */
div.contextevaluation {}
div.hierarchy, div.evalform {
	width: 49%;
	vertical-align: top;
}
div.hierarchy { float: right; }
div.evalform { float: left; }
div.contextcomments {
	clear: both;
}

/* Hierarchy view & context evaluation. */
body.hierarchy { background: #efefef; }
td.childtable { width: 50%; vertical-align: top; }
div.contextheading {
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin-top: 0px;
}
span.hierarchy_heading {
	color: gray;
}
div.hierarchyview {
	border: 1px dotted gray;
}
div.hier_component {
	margin-left: 1em;
	cursor: pointer;
}
span.context_member:hover, span.current_context_member:hover {
	color: #ed2224;
}
span.current_context_member { font-weight: bold; }
#better { border: solid 1px #ed2224; }
div.evalformpart {
	margin-top: 1ex;
	margin-left: 2em;
	/*border: 1px solid gray;*/
}
table.evaltable {
	/*border: 1px solid #ed2224;*/
	margin-top: 1ex;
	width: 100%;
}