*
{
  margin:0;
  padding:0;
  font-family:Verdana,tahoma,arial,sans-serif;
  font-size:12px;  	
  color:#646464;	
}

a
{
  color:#646464;	
}

html, body 
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding: 0; 
  margin: 0;
}

.center
{
	text-align:center;	
}

.clear
{
  clear:both;	
}

h1 { font-size:large; }

h2
{
	font-size:larger;
	margin-bottom:10px;	
	margin-top:10px;
	clear:both;
}


img
{
  border:none;	
}

textarea
{
	width:100%;
	height:100px;	
}




ul,li
{
	list-style:none;	
	margin: 0;
	padding: 0;
}

span.head
{
  display:block;	
  padding:5px 0 15px 0;
  font-weight:bold;
}

.width150
{
  width:150px;
}

select.width150
{
  width:143px;
}


.red
{
  background-color:#FFDFDF;	
  padding:2px 2px 2px 4px;
}

.green
{
  background-color:#BFFFCE;	
  padding:2px 2px 2px 4px;
}


/*
--------------------------------------------------------------------------------------------------
	Container
--------------------------------------------------------------------------------------------------
*/


div.Container > h2
{
	border-bottom:1px solid #ddd;
}

div.Container
{
	margin-bottom:20px;	
}

div#sponsors {
    padding-left:16px;
}
#sponsors img {
	margin-bottom: 15px;
}


/*
--------------------------------------------------------------------------------------------------
	IDs
--------------------------------------------------------------------------------------------------
*/


#pnlBase
{
  margin: 0 auto;	
  border: thin;
  border-style: solid;
  border-color: lightgray;
}

#pnlTop
{
  background-color: #eeeeee;
}

#pnlTopImage {
	background-color: #faf7ee;
	height: 86px;
	background-image: url(bgr-top-l.png), url(bgr-top-r.png);
	background-position: left, right;
	background-repeat: no-repeat, no-repeat;
}

#pnlNavigation
{
	padding-left:30px;
	padding-top: 5px;
	padding-bottom:5px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: lightgray;
  border-width: thin;
}

#pnlNavigation a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #001080;
	text-decoration:none;
	margin-right:10px;
	font-weight : bold;
}

#pnlNavigation a:hover
{
  text-decoration:underline;	
}

#pnlLeft
{
	float:left;
  	width:150px;
  	padding-left:20px;
  	padding-right:20px;
  	background-color: #eeeeee;
}

* html #pnlLeft
{
  	margin-left:10px;
  	margin-right:10px;
  	width:150px;
}

#pnlContent
{
  overflow:hidden;
  padding-left:10px;
  padding-right:10px;
}

* html #pnlContent
{
	width:450px;
}


body.twoColumn #pnlContent
{
	width:700px;
}


#pnlRight
{
	float:right;
  	max-width:200px;
}

#pnlRight br,
#pnlLeft br
{
	clear:both;
}


#pnlFooter
{
}

input.searchfield
{
  width:110px;	
}

A.searchbutton,A.searchbutton:ACTIVE,A.searchbutton:VISITED,A.searchbutton:HOVER {
	font-size:1.5em;
	text-decoration:none;
	text-transform:uppercase;
}

/*
--------------------------------------------------------------------------------------------------
	Lang Selector
--------------------------------------------------------------------------------------------------
*/
a.lang_de, 
a.lang_en, 
a.lang_es, 
a.lang_fr, 
a.lang_pt,
a.lang_jp,
a.lang_ja,
a.lang_tr
{
	background-repeat:no-repeat;
	background-image:url(../img/de_hi.gif);
	background-position: 0 6px;
	width:20px;
	height:20px;
	margin: 0 3px !important;
	padding: 0;
	display:block;
	float:right;
	overflow:hidden;
	text-decoration:none;
	border:none;
}

a.lang_en
{
	background-image:url(../img/en_hi.gif);
	padding-right:40px;
}

a.lang_es
{
	background-image:url(../img/es_hi.gif);
}
a.lang_fr
{
	background-image:url(../img/fr_hi.gif);
}
a.lang_pt
{
	background-image:url(../img/pt_hi.gif);
}

a.lang_jp,
a.lang_ja
{
	background-image:url(../img/ja_hi.gif);
}

a.lang_tr
{
	background-image:url(../img/tr_hi.gif);
}







/*
--------------------------------------------------------------------------------------------------
	Content
--------------------------------------------------------------------------------------------------
*/

a.list
{
  display:block;	
}

a.thumb img
{
  border:1px solid #eee !important;
}

a.thumb:hover img
{
	border:1px solid #333 !important;
}


/*
--------------------------------------------------------------------------------------------------
	Alphabetic Search
--------------------------------------------------------------------------------------------------
*/

.hiragana
{
  padding-bottom:20px;	
}

.hiragana br
{
  line-height:0;
  
}
	
A.letterbutton,A.letterbutton:ACTIVE,A.letterbutton:VISITED,A.letterbutton:HOVER
{
	width:18px;
	height:18px;
	border:1px solid gainsboro;
	vertical-align:middle;
	margin:1px 1px 0 0;
	padding:2px 0 0 0;
	text-align:center;
	font-size:1.0em;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff;
}

/* all but IE 5 */
A.letterbutton/**/,A.letterbutton:ACTIVE/**/,A.letterbutton:VISITED/**/,A.letterbutton:HOVER/**/ 
{
	display:block;
	float:left;
}

A.letterbutton:HOVER/* IE 5 patch, following code is ignored*/
{
}


/*
--------------------------------------------------------------------------------------------------
	List
--------------------------------------------------------------------------------------------------
*/

a.list
{
  text-decoration:none;	
  padding:2px;
  border-bottom:1px dotted #ddd;
}

a.list:hover
{
	background-color:#ccc;
}
/*
--------------------------------------------------------------------------------------------------
	image.htm
--------------------------------------------------------------------------------------------------
*/

div.descriptionsWrapper
{
  border:1px solid #aaa;	
}

table
{
	border: 0;
	border-spacing: 0;
	width: 100%;
}
th, td { padding: 0; }

table.descriptions
{
	width:100%;
	border:1px solid #aaa;
	border-width: 0;
	border-style: none;
	border-collapse: collapse;
}

table.descriptions td
{
	padding:5px 3px;
	border-top:1px solid #999;
	font-size:0.9em;	
}

table.descriptions tr.grdHeader td
{
  background-color:#dcdcdc;	
  background-image:url(bgr-gradient-80.png);
  background-position:bottom left;
  border:none;
  color:#000;
  padding:8px 5px;  
  font-weight:bold;
}

table.descriptions tr.odd td
{
  background-image:url(bgr-gradient-80.png);
  background-position:top left;
}





/*
--------------------------------------------------------------------------------------------------
	Thickbox
--------------------------------------------------------------------------------------------------
*/


#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0;
  left: 0;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0 5px 0;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}



/*
--------------------------------------------------------------------------------------------------
	
	ADMIN

--------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------------------------
	Main Menu
--------------------------------------------------------------------------------------------------
*/

ul.MainMenu
{
	margin-top:20px;
}

ul.MainMenu li a
{
	padding:10px;
	display:block;
	text-decoration:none;
	border:1px solid #ddd;
	margin:2px 0;
}

ul.MainMenu li a:hover
{
	background-color:#ddd;
	color:#000;
}




/*
--------------------------------------------------------------------------------------------------
	MessageBox 
--------------------------------------------------------------------------------------------------
*/

.MessageBox 
{
	padding:10px;
	border:1px solid #666;
	margin-top:5px;
	background-image:url(../img/info_icon.gif);
	background-repeat:no-repeat;
	background-position:6px 10px;
	
}

.MessageBox img
{
	display:none;
}

.MessageBox span
{
	margin-left:20px;
	display:block;
}

.AlertBox
{
  background-color:#bb0000;
  
}

.AlertBox span
{
  color:#fff !important;	
}

.NotificationBox
{
	background-color:#008100;
	
	
}

.NotificationBox span
{
	color:#fff !important;	
}



/*
--------------------------------------------------------------------------------------------------
	ThumbBrowser Thumbnail View
--------------------------------------------------------------------------------------------------
*/

div.ThumbBrowser ul.ViewThumbs > li
{
  list-style:none;
  padding:2px;
  border:1px dotted #eee;
  margin:1px;
}

div.ThumbBrowser ul li.selected
{
  background-color:#dcdcdc;
}

div.ThumbBrowser ul.ViewThumbs ul
{
  display:none;
}


div.ThumbBrowser ul.ViewThumbs li
{
  float:left;
}


/*
--------------------------------------------------------------------------------------------------
	ThumbBrowser Detailed View
--------------------------------------------------------------------------------------------------
*/

#pnlContent.detailed div.ThumbBrowser ul.ViewThumbs > li
{
	width:280px;	
}

#pnlContent.detailed div.ThumbBrowser ul.ViewThumbs li img
{
  float:left;	
}

#pnlContent.detailed div.ThumbBrowser ul.ViewThumbs li ul
{
  display:block;
  float:left;
  overflow:hidden;
  width:180px;
}




div.ajaxInfo
{
		background-color:Orange;
		padding:50px;
		border:1px solid red;	
}

#pnlPhysicalImageFolders 
{
	width:150px !important;
}

ul#folderlist li
{
	list-style:none;	
	border-bottom:1px dotted #ddd;
}

ul#folderlist li a
{
	display:block;
	padding:2px;
	text-decoration:none;
}

ul#folderlist li a:hover
{
	background-color:#eee;
}


#pnlLeft ul li.selected
{
	font-weight:bold;
}

#pnlThumbSwitch
{
  margin:5px 5px 5px -5px;
  background-color:#fff;
  border:1px dotted #bbb;
  padding:5px;
}

#pnlPhysicalImageFolders
{
  margin: 0 0 px -3px;
  height :400px;
  width:170px;
  overflow :auto;
  border:1px dotted #bbb;
  background-color:#fff;
}

ul.shortSummary
{
	list-style-type:square;
	margin-left:20px;
}


li.PUBLISHED
{
  border-left:5px solid green !important;	
}

li.GENERATED
{
  border-left:5px solid paleturquoise !important;	
}

li.REGISTERED
{
  border-left:5px solid gainsboro !important;	
}

li.UNPUBLISHED,
li.REGISTERED_BUT_NOT_PUBLISHED
{
  border-left:5px solid red !important;	
}

li.REGISTERED_BUT_NOT_PUBLISHED
{
  border-left:5px solid green !important;	
}

li.UNKNOWN
{
  border-left:5px solid yellow !important;	
}

/*
--------------------------------------------------------------------------------------------------
	Admin.Master
--------------------------------------------------------------------------------------------------
*/

body.AdminMaster
{
  background:transparent url(bgr-body.png);
  background-position:-30px 0;
  background-repeat:repeat-y;
}



/*
--------------------------------------------------------------------------------------------------
	Image Administration Navigation
--------------------------------------------------------------------------------------------------
*/

ul.adminNavigation,
ul.adminNavigation ul
{
  width:170px;
  margin: 0 0 0 -5px; 
  padding: 0;
  list-style:none;
}

ul.adminNavigation ul
{
	width:155px;	
}

ul.adminNavigation ul
{
	margin:2px 0 5px 15px;
	
}

ul.adminNavigation li
{
	margin: 0;
	padding: 0;
}

ul.adminNavigation strong
{
	display:block;
	margin:10px 0 5px 0;
}


ul.adminNavigation a
{
	display:block;
	padding:4px 5px;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
	margin-bottom:2px;
}

ul.adminNavigation a.center
{
	text-align:center;
}

ul.adminNavigation a:hover
{
	background-color:#ddd;
	color:#000;
}

ul.adminNavigation a[disabled=disabled],
ul.adminNavigation a[disabled=disabled]:hover
{
	color:#ddd;
	background-color:#fff;
}

ul.adminNavigation a.Save,
ul.adminNavigation a.expandable,
ul.adminNavigation a.collapsible
{
	background-image:url(../img/expand.gif);
	background-position:150px center;
	background-repeat:no-repeat;	
}

ul.adminNavigation a.collapsible
{
	background-image:url(../img/collapse.gif);
}
ul.adminNavigation a.Save
{
	background-image:url(../img/btn_save.gif);
}

/*
--------------------------------------------------------------------------------------------------
	Image Adminstration Property Grid
--------------------------------------------------------------------------------------------------
*/

.imageAdministation div
{
  margin-bottom:2px;
}

.imageAdministation select
{
}

.imageAdministation span.caption
{
  display:block;
  width:150px;
  float:left;
  font-size:0.8em;
}

div.inputPanel h2
{
  font-size:1.0em;	
}


/*
--------------------------------------------------------------------------------------------------
	DescriptionWizard ListControl
--------------------------------------------------------------------------------------------------
*/

div.ListControl input
{
	width:100%;	
	margin-bottom:2px;
	border:1px solid #ccc;
	padding:1px;
}

div.ListControl div 
{
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
}

div.ListControl div a
{
	display:block;
	border-bottom:1px dotted #dcdcdc;
	clear:both;
	padding:2px;
	text-decoration:none;
}

div.ListControl div a.selected
{
	background-color:Navy;
	color:#fff;
}


div.ListControl div a:hover
{
	background-color:#eee;
	color:#000;
}


div.ListControl div span
{
	float:right;
	font-size:0.8em;
}


.tabWrapper
{
	position:absolute;
	top:20px;
	left:50px;
	width:650px;
	height:420px;
	border:4px solid #999;
	padding:5px;
	background-color:#fff;
	z-index:2000;

}

table#tblDesciptions
{
  width:100%;
  border:1px solid #333;	
}


a.adminButton
{
  padding:5px 20px;	
  display:block;
  float:right;
  border:1px solid #999;
  background-color:#ddd;
  text-decoration:none;
  margin:5px 2px 10px 2px;
  color:#000;
  float:left;
}

a#btnAddDescription
{
  float:right;
}


div#pnlButtons
{
  text-align:right;	
  padding-right:5px;
}

div#pnlButtons input
{
	width:100px;
	height:25px;
}

/*
--------------------------------------------------------------------------------------------------
	
   PatientManageControl

--------------------------------------------------------------------------------------------------
*/

.RadioHorizontal label
{
	padding: 0 8px 0 2px;	
}

.RadioHorizontal br
{
	display:none;	
}

/*
--------------------------------------------------------------------------------------------------
	
   diagnose.htm and search.htm

--------------------------------------------------------------------------------------------------
*/

div.diagnoseThumbs a,
div.localisationThumbs a
{
	width:105px;
	height:105px;
	float:left;
	margin:1px;
	border:1px solid #dcdcdc;
	overflow:hidden;
}

div.localisationThumbs a
{
	height:170px !important;
	text-decoration:none;
	font-size:0.8em;
}
div.localisationThumbs a img
{
	display:block;
}
a.google,
a.mesh
{
	background-image:url(../img/google.gif) ;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:24px;
}

a.mesh
{
	background-image:url(../img/mesh.gif) ;
}

/*
--------------------------------------------------------------------------------------------------
	
   image.htm

--------------------------------------------------------------------------------------------------
*/

.NextPrevious a  
{
  border:none;
  text-decoration:none;	
  width:100px;
  display:block;
  float:left;
  text-align:center;
}

.NextPrevious img
{
	display:block;
}

div.zoom div a.minus,
div.zoom div a.plus,
div.zoom div a.p100
{
	display:block;
	height:25px;
	width:25px;
	margin-right:3px;
	text-align:center;	
	float:left;
	text-decoration:none;
	border:1px solid #dcdcdc;
	background-image:url(zoom-in.gif);
	background-repeat:no-repeat;
	background-position:center center;
	display:none;
}

div.zoom div a.minus:hover,
div.zoom div a.plus:hover,
div.zoom div a.p100:hover
{
	background-color:#eee;
}

div.zoom div a.minus
{
	background-image:url(zoom-out.gif);
}

div.zoom div a.p100
{
	background-image:url(zoom-100.gif);
}

div.zoom div a.copy
{
	margin-left:100px;
	height:25px;
	display:block;
	
}

div.zoom div br
{
	clear:both;
}




div.proct p
{
    padding:5px;
    color:#222;
    font-size:0.9em;
}

body div.proct
{
  display:none;
}

body.en #pnlRight,
body.de #pnlRight
{
	width:150px;
}

body.en #pnlContent,
body.de #pnlContent
{
}


body.en div.en
{

  display:block;
}

body.de div.de
{
  display:block;
}




.hotspot {
    position: absolute;
    border: 1px solid blue;
}
.hotspot + * {
    opacity: 0;
}
.hotspot:hover + * {
    opacity: 1.0;
}
.wash {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.6);
}

.Xuphead {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right: 0;
	background-image: url(/dermisroot/img/bodybrowser/A.1.1_r.gif);
}

.zoom {
  display: inline-block;
  position: relative; }

/* magnifying glass icon */
.zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/dermisroot/img/icon.png); }

.zoom img {
  display: block; }

.zoom img::-moz-selection {
  background-color: transparent; }

.zoom img::selection {
  background-color: transparent; }

#image span {
  position: absolute;
  top: 3px;
  right: 28px;
  color: #555;
  font: bold 13px/1 sans-serif; }


.ctl00_Left_pnlNavigation_miniBodyBrowser {
	width: 150px;
	/* height: 150px; */
}

#bodybrowser {
	 position: relative; 
	 width: 150px;
	 float: inherit;
}

#searchDeeper {
	 position: relative; 
}

/* Ist der Bildschirm zu schmal, dann das weiterfuehrende nach unten */
@media all and (max-width: 1000px ) {
	#pnlRight {
		float: left;
	  	max-width: none;
	  	margin-left: 10px;
	}
	#pnlLeft { margin-left: 10px; float: left; }
	#pnlContent { margin: 10px; overflow: hidden; }
	/* Reihenfolge von content und right tauschen */
	#pnlMain { display: flex; flex-direction: row; }
	#pnlMain :nth-child(1) { order: 1; }
	#pnlMain :nth-child(2) { order: 3; }
	#pnlMain :nth-child(3) { order: 2; }
}

/* Ist der Bildschirm zu schmal, dann das weiterfuehrende nach unten */
@media all and (max-width: 770px ) {
	/* if to small, alphabetic search in a line */
	#pnlMain { display: grid; flex-direction: row; }
	#pnlLeft {
		width: unset;
	}
	#pnlRight { margin: 10px; padding-left: 10px; padding-right: 10px; float:none;}
	#pnlContent { float: none; }
	#sponsors { display: none; }
	#searchByString, #searchByAlpha, #bodybrowser { float: left; width: 33.33%; }
}
@media print {
	#pnlTop, #pnlLeft, .zoom:after, .zoomadvice { display:none; }
	
	table.descriptions {
		border-width: 1px;
		border-style: solid;
	}

	table.descriptions tr.grdHeader td {
		background-color: inherit;		
		background-image: none;
		border: inherit;
	}
}