/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: white;
}

#layout-table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	width: 100%;
	height: 100%;
	border: 0;
}

#logo-cell{
	width: 180px;
	height: 60px;
	text-align: center;
	border-right: 1px solid #5F1E0F;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
}

#logo {
	font: bold 180% Arial, Helvetica, sans-serif;
	color: #E60000;
	padding: 0 0 2px 0;
}

#logo a {
	color: #E60000;
}

#logo a:hover {
	color: #F5AA5A;
}

#copyright {
	font: bold 95% Arial, Helvetica, sans-serif;
	padding: 2px 0 0 0;
}

#subjects-cell{
	vertical-align: top;
	background-color: #FFFAEB;
	border-bottom: 1px solid #5F1E0F;
}

#navigation-cell{
	padding: 2px 0;
	margin: 0;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
	text-align:center;
}

#nextstep-cell{
	padding: 2px 5px;
	margin: 0;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
	text-align: right;
}

#interactivity-cell{
	padding: 2px 5px;
	margin: 0;
	height: 20px;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
}

#annoucement-cell{
	padding: 2px 5px;
	margin: 0;
	border-bottom: 1px solid #5F1E0F;
	height: 20px;
	background-color: white;
}

.carpet-div{
	padding: 3px 0 0 0;
}

.carpet-div a{
	padding: 0 2px;
	margin: 0;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.carpet-div a:link { color: #962D14; }
.carpet-div a:visited { color: #962D14; }
.carpet-div a:hover{	
	color: white; 
/* 	color: #5F1E0F; */
	background: #F5AA5A;
}

.interactivity-div a{
	padding: 0 2px;
	margin: 0;
	border-left: 1px solid #5F1E0F;
	border-right: 1px solid #5F1E0F;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.interactivity-div a:link { color: #962D14; }
.interactivity-div a:visited { color: #962D14; }
.interactivity-div a:hover{	
	color: white; 
/* 	color: #5F1E0F; */
	background: #F5AA5A;
}

#menue-cell{
	background: #FAF0C8;
	border-right: 1px solid #5F1E0F;
	vertical-align: top;
	height: 800px;
}

.menu_search {
	color: #962D14;
	padding: 3px 3px 3px 5px;
	display:block;
	width: 172px;
	border-bottom: 1px solid #5F1E0F;
	background: #F5DC9B;
}

#modalities-title{ font-weight: bold; padding: 5px; }
#modalities-div{ font-size:95%; padding: 0 5px; }

#image-cell{
	vertical-align: top;
	padding: 5px;
}

#image-cell div{
	vertical-align: top;
	padding-bottom: 3px;
}

#description-cell{
	vertical-align: top;
	padding: 5px;
	font: 100% Arial, Helvetica, sans-serif;
}

#comment-cell{
	vertical-align: top;
	padding: 5px 10px 5px 5px;
}

#comment_print{
	font: 110% Arial, Helvetica, sans-serif;
}

#subjects-div {
	padding: 9px 0 3px 5px;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #5F1E0F;
	font: bold 120% Arial, Helvetica, sans-serif;
	background: #FAF0C8;
}

#subjects-div a
{
	padding: 3px 0.5em;
	margin: 0;
	border: 1px solid #5F1E0F; 
	text-decoration: none;
	background: #F5DC9B;
}

#subjects-div a:link { color: #962D14; }
#subjects-div a:visited { color: #962D14; }

#subjects-div a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subjects-div a#current
{
	color: #E60000;
	background: #FFFAEB;
	border-bottom-color: #FFFAEB;
}

#subjects-div a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subsubjects-div {
	padding: 3px 0;
	margin: 6px 0 4px 5px;
	font: bold 105% Arial, Helvetica, sans-serif;
}

#subsubjects-div a
{
	padding: 3px 0.5em;
	margin: 0;
	border-right: 1px solid #5F1E0F;
	border-left: 1px solid #5F1E0F;
	text-decoration: none;
}

#subsubjects-div a:link { color: #962D14; }
#subsubjects-div a:visited { color: #962D14; }

#subsubjects-div a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subsubjects-div a#current
{
	color: #E60000;
	background: #FFFAEB;
}

#subsubjects-div a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#chapters-list {
	padding: 0;
	margin: 0;
	font: bold 100% Arial, Helvetica, sans-serif;
	list-style: none;
}

#chapters-list li
{
	display:block;
	margin: 0;
	padding: 0;
}

#chapters-list li a
{
	text-decoration: none;
	padding: 3px 3px 3px 5px;
	display:block;
	width: 172px;
	border-bottom: 1px solid #5F1E0F;
	background: #F5DC9B;
}

#chapters-list li a:link { color: #962D14; }
#chapters-list li a:visited { color: #962D14; }

#chapters-list li a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#chapters-list li a#current
{
	color: #E60000;
	background: #FFFAEB;
}

#chapters-list li a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}


#slides-list {
	padding: 0;
	margin: 0;
	font: bold 95% Arial, Helvetica, sans-serif;
	list-style: none;
}

#slides-list li{
	display:block;
	margin: 0;
	padding: 0;
}

#slides-list li a
{
	text-decoration: none;
	padding: 3px 3px 3px 15px;
	display:block;
	border-bottom: 1px solid #5F1E0F;
	width: 162px;
	border-bottom: 1px solid #5F1E0F;
	background: #FFFAEB;
}

#slides-list li a:link { color: #962D14; }
#slides-list li a:visited { color: #962D14}

#slides-list li a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#slides-list li a#current
{
	color: #E60000;
	background: white;
}

#slides-list li a:hover#current
{
	color: #E60000;
	background: white;
}

#carpet-title{ text-align: center; padding: .3em 80px .3em 0 }
.carpet-image { float: left; text-align: center; margin: 1px; padding: 2px 0 ; border: 1px solid  gray; }
.carpet-image img { margin: 3px 8px}
.carpet-cell { border: 1px solid gray; vertical-align: top; text-align: center; width: 166px; }

.zonelinks { padding: 5px 0 0 0}
.zonelinks a {
	padding: 0 2px;
	border-left: 1em solid #962D14;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.zonelinks a:link { color: #962D14; }
.zonelinks a:visited { color: #962D14; }
.zonelinks a:hover{	color: white; background: #F5AA5A; }

.testfields-div { position:absolute; padding: 0; }
.testfields-div a {
	padding: 0 2px;
	background-color: white; 
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.testfields-div a:link { color: #962D14; }
.testfields-div a:visited { color: #962D14; }
.testfields-div a:hover{	color: white; background: #F5AA5A; }

.image-window {padding: 6px}
.window-image {margin: 5px 0}
.padding-div {padding: 5px }

.bigtitle  	 { color: #E60000; font-weight: bold; font-size: 350% }
.bigsubtitle  { font-size: 150%; }
.smallsubtitle  { font-size: 120%; }
.footnote  { font-size: 95%;}
.description	{ font-size: 105%; display: block; padding: 5px 0 0 0;}
.description ul { margin: 1px 0px 1px 7px; padding: 1px 0px 1px 7px; }
.description ol { margin: 1px 0px 1px 7px; padding: 1px 0px 1px 7px; }
.description ol li { margin: 0px 0px 0px 4px; padding: 0pxx; }
.descheader 	{ color: navy; font-weight: bold; font-size: 110%; margin: 0 0 5px 0 }
.imgtitle 		{ color: navy; font-weight: bold; font-size: 110% }
.texttitle 		{ color: navy; font-weight: bold; font-size: 120%; }
.normalheader 	{ color: navy; font-weight: bold;}
.heartquiz_header 	{ color: navy; font-size: 110% }

.grey_bar  { clear: both; font-weight: bold; background: #dcdcdc; padding: 3px; margin-bottom: .5em; }
.to-clear 	{ clear: both; }
.grey-bg	{ background: #dcdcdc; padding: 3px; }

.backbtn a{ font-weight: bold;	color: #962D14; text-decoration: none;}
.backbtn a:link { color: #962D14; }
.backbtn a:visited { color: #962D14; }
.backbtn a:hover{ color: white;  /* 	color: #5F1E0F; */ background: #F5AA5A; }

a:link 		{ color: #0000ff; text-decoration: none }
a:visited 	{ color: #0000ff; text-decoration: none }
a:hover 	{ color: #1E90FF; text-decoration: none }
a:active 	{ color: #0000FF; text-decoration: none }

h2  { color: navy; font-weight: bold; font-size: 140%; margin: 0 0 0.5em 0 }
h3  { color: navy; font-weight: bold; font-size: 125%; margin: 0 0 0.5em 0 }
h4  { color: navy; font-weight: bold; font-size: 110%; margin: 0 0 0.5em 0 }
h5  { color: navy; font-weight: bold; font-size: 105%; margin: 0 0 0.5em 0 }

.text_title  { color: navy; font-weight: bold; padding: 5px 0 0 0;}

input { font: 100% Arial, Helvetica, sans-serif; }
#order_form { border: 1px solid gray; background-color: #eeeeee; padding: 5px;}
#order_form input { font: 100% Arial, Helvetica, sans-serif; }
#order_form textarea { font: 100% Arial, Helvetica, sans-serif; background-color: #fafafa;}

#findings_form textarea { font: 100% Arial, Helvetica, sans-serif; }

.img_right {float: right}
.img_left { float: left }

.form-box { border: 1px solid #999;}
.form-box select { font-size: 100%;}
.form-font select { font-size: 100%; }
.form-font input { font-size: 100%; }
.form-font textarea { font-size: 100%; }
.form-header { color: navy; background: #F5F5F5; font-weight: bold; text-align: center;}

.invis_box { visibility: collapse }

.explanation { border: #962D14 solid 1px; background-color: #FFFAEB;}
#explanation a:link { color: #962D14; }
#explanation a:visited { color: #962D14; }
#explanation a:hover{	
	color: white; 
	background: #F5AA5A;
}

.text_div { padding: 0 0 0 3px;}
.level1 {}
.level2 { color: #511}
.level3 { color: #999}

.learn_tip { background-color: #ddf;}

#first-level {font-size: 120%;}
#second-level {font-size: 95%;}
#third-level {font-size: 95%;}

.order_title {font: bold 110% Arial, Helvetica, sans-serif;}
.brown_font {color: #962D14}
.brown_bold_font {font-weight: bold;color: #962D14}

.brown_bold_font a:link { color: #962D14; }
.brown_bold_font a:visited { color: #962D14; }


.nonius_field {border: 1px solid #253b9c; background-color: #fff; color: #253b9c; font-weight: bold;}
.nonius_field a{ color: #253b9c; }
.nonius_field a:hover{ color: #fff; background-color: #253b9c;}

.wrong_answer { background-color: #FFBBBB; padding: 0 3px}
.right_diagnosis { background-color: #BBFFFF; padding: 0 3px; font-weight: bold}

.small_font {font-size: 50%;}

.labtitle {border: 1px solid #DDD;}