/*************************************************
     gr3_main.css
	general layout
*************************************************/

* {
	box-sizing:border-box;
}

html,
body {
	padding:0;
	margin:0;
}

body {
	background-color:#c6d6ef;
}

header {
	max-width:70em;
}

footer {
	max-width:70em;
}

main {
	display:flex;
	overflow:hidden;
	min-width:16em;
	max-width:70em;
	height:100vh;
	position:relative;
	backface-visibility:hidden;
	will-change:overflow;
	background-color:#a5c6e7;
}

article {
	overflow:auto;
	height:auto;
	-webkit-overflow-scrolling:touch;
}

/* layout for general pages */
main.gen {
	height:auto;
	min-width:26em;
}

.gen article {
	background-color:#ffffff;
    padding:15px;
	width:100%;
}

/* layout for diagnosis pages */
main.diag {
	padding-top:70px;
	padding-left:35px;
}

.diag article {
	background-color:#ffffff;
    padding:5px;
	width:100%;
}

/* layout for organ selection pages */
main.oselect {
	padding-top:70px;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
}

.oselect article {
	display:flex;
	background-color:#ffffff;
	width:100%;
}

/* layout for search */
main.search {
	padding-top:70px;
	padding-left:15em;  /* 240px */
}

.search article {
	background-color:#ffffff;
    padding:5px;
	width:100%;
}


article.nopadd {
    padding:0px;
}

aside#spons {
	background-color:#bdcef7;
	border-left:1px solid #003366;
	display:none;
}

aside#thumb {
	display:none;
}

aside#thumbempty {
	display:none;
}

aside#auxiliaryWin {
	background-color:#000066;
	border:0px solid black;
	top:23px;
	left:10vw;
	min-width:14.4em;  /* 90% of 16em */
	max-width:60em;
	position:absolute;
	visibility:hidden;
	z-index:10;
}


.facul25text {
	display:none;
}

.facul20text {
	display:none;
}

.facul30text {
	display:none;
}

.facul35text {
	display:none;
}

.facul40text {
	display:none;
}

.facul45text {
	display:none;
}

@media (min-width:20em)  {	/* smallest screens */
	.facul20text {
		display:inline;
	}
}

@media (min-width:25em)  {	/* very small screens */
	.facul25text {
		display:inline;
	}
}

@media (min-width:30em)  {	/* small screens */
	.facul30text {
		display:inline;
	}
}

@media (min-width:35em)  {	/* last screen smaller than two columns */
	.facul35text {
		display:inline;
	}
}

@media (min-width:40em)  {	/* two columns layout for broader viewports */
	article {
		max-width:60em;
	}

	aside#thumb {
		display:block;
		visibility:visible;
		overflow:auto;
		height:auto;
		float:right;
		width:164px;
	}

	aside#thumbempty {
		display:block;
		visibility:visible;
		overflow:auto;
		height:auto;
		float:right;
		width:35px;  /* as jbubackspacer */
	}

	aside#auxiliaryWin {
		left:20vw;
	}

	.facul40text {
		display:inline;
	}
}

@media (min-width:45em)  {	/* broader viewport than two columns layout */
	.facul45text {
		display:inline;
	}
}

@media (min-width:50em)  {	/* for even broader viewports */
	aside#spons {  /* switch on only in broader views */
		display:block;
		visibility:visible;
		height:auto;
		float:right;
		/*width:190px;  // needs to be omitted for IE */
	}

	aside#auxiliaryWin {
		left:30vw;
	}

	aside#thumbempty {
		width:100px;
	}
}

@media (min-width:60em)  {	/* for viewports of max article width */
	aside#auxiliaryWin {
		left:40vw;
	}

	aside#thumbempty {
		width:164px;  /* as aside#thumb */
	}
}

@media (min-width:65em)  {	/* for viewports greater than max article width */
}

@media (min-width:70em)  {	/* for viewports broader than main */
	main {
		overflow:visible;
	}
}

/***** general styles *****/

table {
	border-collapse:separate;
	border-spacing:0;
}

th, td { padding:0px; }

ul.novpadd, p.novpadd {
	margin-top:0px;
	margin-bottom:0px;
}

ul.wide {
}

ul.wide li {
	padding-top:1ex;
	padding-bottom:1ex;
}

.go {
	color:#ff6600;
	font-style:italic;
}

.cred {
	color:#cc0000;
}

.bred {
	background-color:#cc0000;
}


/***** general header *****/

#mainhead {
	border-bottom:1px solid #003366;
	width:100%;
}

#mainhead h1 {
	font-family:arial,helvetica,sans-serif;
	font-size:22pt;
	font-weight:bold;
    margin:0;
}

#mainhead h1 .font1 {
	color:#ff6600;
}

#mainhead h1 .font2 {
	color:#666666;
}

#mainhead h2 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	line-height:1.15;  /* necessary for Firefox in case of line break */
	color:#666666;
    margin:0;
}

#mainhead td.logo {
	height:89px;
	width:159px;
	vertical-align:bottom;
}

.logo img {
	border:0px solid black;
	vertical-align:bottom;
}

#mainheadtxt {
	width:100%;
	height:89px;
}

#mainheadtxt td.heading {
	background-color:#bdcff7;
    background-image:url(../gr_icons/heading_bg.png);
	background-repeat:repeat-y;
	vertical-align:middle;
	text-align:center;
	height:67px;
}

/***** menu buttons *****/

/** tables **/
#mbutab1 {
	width:100%;
	height:22px;
	border-width:0px;
	border-style:hidden;
	border-collapse:separate;
	max-width:70em;
}

#mbutab2 {
	border-width:0px;
	border-collapse:separate;
}

/* background left */
td.mbuback {
	font-family:verdana,arial,helvetica,sans-serif;
	width:100%;
	height:22px;
	line-height:8px;
	border-top:1px solid #003366;
	border-left:1px solid #003366;
	background-color:#fee4c1;
	background-image:url(../gr_icons/mbg22.png);
}

/** bar **/
td.mbubar {
	width:3px;
	height:21px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-style:solid;
	border-top-color:#feeed5;
	border-bottom-color:#fdcf91;
}

/*** Menu buttons ***/
/** normal style **/
#mbu_n {
	height:21px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-style:solid;
	border-top-color:#feeed5;
	border-bottom-color:#fdcf91;
	padding-left:6px;  /* 1 for border */
	padding-right:7px;  /* 1 for border */
	padding-top:4px;
	padding-bottom:5px;
	cursor:pointer;
}

/** up (mouse over) **/
#mbu_u {
	height:21px;
	border-width:1px;
	border-style:solid;
	border-top-color:#ffffff;
	border-left-color:#ffffff;
	border-bottom-color:#003366;
	border-right-color:#003366;
	padding-left:5px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:5px;
	background-color:#fedcaf;
	cursor:pointer;
}

/** down (click) **/
#mbu_d {
	height:21px;
	border-width:1px;
	border-style:solid;
	border-top-color:#003366;
	border-left-color:#003366;
	border-bottom-color:#ffffff;
	border-right-color:#ffffff;
	padding-left:6px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#fedcaf;
	cursor:pointer;
}

/** current **/
#mbu_c {
	height:21px;
	border-width:1px;
	border-style:solid;
	border-color:#ff6600;
	padding-left:5px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:5px;
	background-color:#eeeeee;
}

/** text in the menu button **/
.mbutxt {
	font-family:verdana,tahoma,arial,helvetica;
	font-size:10pt;
	color:#000000;
	white-space:nowrap;
	vertical-align:middle;
}

.mbucurr {
	font-family:verdana,tahoma,arial,helvetica;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	white-space:nowrap;
	vertical-align:top;
}


/** Menu navigation */
#mainmenu {
	background-color:#bdcef7;
	border-right:1px solid #003366;
	/*width:160px;  // needs to be omitted for IE */
}

#mainmenu .date {
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 8pt;
	text-align: center;
	padding-bottom:5px;
	width:159px;
}

#mainmenu table.menu {
	background-color:#eeeeee;
	border:1px solid #003366;
    margin-left:5px;
    margin-bottom:2ex;
	width:150px;
}

#mainmenu th {
	background-color:#fdcf91;  /* needed for padding-bottom */
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #000000;
	vertical-align:top;
	padding-bottom:1px;
	white-space:nowrap;
	border-bottom:1px solid #003366;
	background-image:url(../gr_icons/mbg17.png);
	background-repeat:repeat-x;
}

#mainmenu td.menupadd {
	height:5px;
	display:block;
}

#mainmenu td.menudescr {
	font-family:verdana,arial,helvetica;
	font-size:8pt;
	padding:1px 2px 2px 3px;
	color:#000066;
}

#mainmenu td.menuitem_n {
	border:solid 1px #eeeeee;
	font-family:verdana,arial,helvetica;
	font-size:8pt;
	padding:0px 1px 0px 1px;
	color:#000066;
	width:100%;
	white-space:nowrap;
	cursor:pointer;
}

#mainmenu td.menuitem_h {
	border:solid 1px #003366;
	font-family:verdana,arial,helvetica;
	font-size:8pt;
	padding:0px 1px 0px 1px;
	background-color:#ff6600;
	color:#ffffff;
	width:100%;
	white-space:nowrap;
	cursor:pointer;
}

#specsel select {
	font-family:verdana,arial,helvetica;
	font-size:8pt;
	font-weight:bold;
	color:#000066;
}


/***** general pages *****/

.gen h1 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:16pt;
	font-weight:bold;
	margin-top:0px;
}

.gen h1.action {
	margin-bottom:0px;
}

.gen h2 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:13pt;
	font-weight:bold;
	margin-top:1ex;
	margin-bottom:0px;
}

.gen h2.subhead {
	margin-top:0px;
}

.gen h2.action {
	margin-top:0px;
	font-weight:normal;
	margin-bottom:2ex;
}

.gen h3 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	margin-top:1ex;
	margin-bottom:0px;
}

.gen p, .gen li, .gen div, .gen dt, .gen dd {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
}

.gen dt {
	font-weight:bold;
}

.gen p.alert {
	margin-top:0px;
}

.gen table.stdtab {
	background-color:#6699cc;
	border:1px solid #6699cc;
    margin-bottom:2ex;
	border-spacing:1px;
}

.stdtab th {
	background-color:#e1edff;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	color: #000000;
	text-align:left;
	white-space:nowrap;
	padding:3px;
}

.stdtab th.groupnamecol {
	width:200px;
}

.stdtab th.groupmailcol {
	width:250px;
}

.stdtab th.commentcalls {
	width:600px;
}

.stdtab td {
	background-color:#ffffff;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	vertical-align:top;
	padding:3px;
}

.stdtab td.date {
	white-space:nowrap;
}

.stdtab td.highlight {
	background-color:#ffffce;
}

.gen .floatr {
	float:right;
	margin-left:15px;
}

.gen .indent {
	/*padding-top:1ex;*/
	padding-left:3em;
	/*padding-bottom:1ex;*/
}

.gen .floatl {
	float:left;
	margin-right:15px;
}

/** links */
.gen a:link {
	color:#000080;
	text-decoration:none;
}

.gen a:visited {
	color:#000080;
	text-decoration:none;
}

.gen a:hover {
	background-color:#ff6600;
	color:#ffffff;
	text-decoration:none;
}

.gen a:active {
	background-color:#ff6600;
	color:#ffffff;
	text-decoration:none;
}

.gen div.redline {
	background-color:#cc0000;
	height:2px;
}

.gen div.orangeline {
	background-color:#ff6600;
	height:1px;
}

.gen ul.linkstocopy {
	margin-top:0px;
	margin-bottom:0px;
    padding-left:2em;
}

.linkstocopy li {
    padding-bottom:2ex;
}

.linkstocopy li.last {
    padding-bottom:0px;
}

.gen span.linktocopy {
	font-family:'courier new';
	font-size:10pt;
	color:#000080;
}

.gen a.rspace {
	margin-right:0.5em;
}

.gen .specicon {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:7pt;
	font-weight:bold;
	color:#ffffff;
	background-color:#ff6600;
	padding:0px 0.2em;
	border-radius:2px;
}

/** Annotations */
.annotation h3 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	margin-top:1ex;
	margin-bottom:0px;
}

.annotation p, .annotation li, .annotation div {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
}

/** IFrames */
.owgframe {
	margin:0px;
	border:solid 2px #ff6600;
	width:100%;
	height:45vh;
	padding:0px;
	overflow:scroll;
}

.owgframe_b {  /* big */
	margin:0px;
	border:solid 2px #ff6600;
	width:100%;
	height:85vh;
	padding:0px;
	overflow:scroll;
}

.owgframe_s {  /* small */
	margin:0px;
	border:solid 2px #ff6600;
	width:100%;
	height:5vh;
	padding:0px;
	overflow:scroll;
}

#framebuttons {
}

#framebuttons ul {
	margin-top:2ex;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px;
}

#framebuttons li {
	list-style:none;
	display:inline;
	margin-left:0.5em;
	margin-right:0.5em;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
}

#framebuttons a {
	padding-left:2px;
	padding-right:2px;
}


/** Sponsors */
/* main in center */
#sponsors {
	text-align:center;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
}

#sponsors div.orangeline {
	margin-top:8px;
	margin-bottom:8px;
}

#sponsors p.sponsortext {
	font-weight:bold;
	margin-top:4ex;
	margin-bottom:3px;
}

#sponsors img {
	vertical-align:bottom;
}

#sponsors a:link, #sponsors a:visited {
	background-color:#ffffff;
	}

#sponsors a:active, #sponsors a:hover {
	background-color:#ffffff;
	}

/* on right side */
#spons div.sponsors {
	width:189px;
	text-align:center;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
}

#spons p.sponsortext {
	margin-top:20px;
	margin-bottom:3px;
}

#spons a:link, #spons a:visited {
	background-color:#bdcef7;
	}

#spons a:active, #spons a:hover {
	background-color:#bdcef7;
	}

/** RITA info */
#spons div.ritainfo {
	width:189px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	padding:3px;
}

.ritainfo h1 {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	margin-top:20px;
	margin-left:4px;
}

.ritainfo h2 {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:4px;
}

.ritainfo h1 img {
	vertical-align:top;
	float:right;
}

.ritainfo table.ritainfo {
	background-color:#6699cc;
	border:1px solid #6699cc;
    margin-left:3px;
    margin-bottom:2ex;
	border-spacing: 1px;
}

.ritainfo th {
	background-color:#fdcf91;  /* needed for padding-bottom */
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #000000;
	vertical-align:top;
	padding-bottom:1px;
	white-space:nowrap;
	background-image:url(../gr_icons/mbg17.png);
	background-repeat:repeat-x;
}

.ritainfo tr.infocols {
	background-color:#e1edff;
}

.ritainfo td {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	white-space:nowrap;
	padding:3px;
}

.ritainfo td.entry {
	background-color:#ffffff;
}

.ritainfo td.count {
	background-color:#ffffff;
	text-align:right;
}

.ritainfo p.summary {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	text-align:center;
}

/** Footer */
footer#mainfoot {
	background-color:#005294;
	width:100%;
    overflow:hidden;
}

footer#mainfoot table {
	width:100%;
}

footer#mainfoot td {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:8pt;
	color:#ffffff;
	white-space:nowrap;
}

footer#mainfoot td.left {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

footer#mainfoot td.center {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

footer#mainfoot td.right {
	padding-left:5px;
	padding-right:5px;
	text-align:right;
}

footer#mainfoot a:link, footer#mainfoot a:visited	{
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	text-decoration:none;
	}

footer#mainfoot a:active, footer#mainfoot a:hover	{
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6600;
	}