/* =========================================================
stylesGlossary.css for Glossary popup windows in AOSurgery2008-P6

Version: 2008-11-26 (rbu*)

--

Modular structured calls for stylesheets
========================================================= */

/* reset of all browser specific styles and basic instructions
======================================================= */
@import url("import_basicsPopup.css");

/* header and footer areas
========================================================= */
@import url("import_headFootPopup.css");

/* main content area
========================================================= */
@import url("import_contentPopup.css"); 



/* Testing of legacy CSS
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* @import url("style.css");

@import url("style_embedded.css"); */


/* =========================================================
Overwriting SR styles
========================================================= */
#glossaryPopup #header,
#glossaryPopup #header p#identInfo,
#glossaryPopup #header h1,
#glossaryPopup #header #formContainer,
#glossaryPopup #footer {
border-bottom: 1px solid #007475;
}

#glossaryPopup #header #identInfo {
color: #75a5a4;
}

#glossaryPopup #header #adminLink {
float: right;
line-height:18px;
padding:3px 0 0;
}

#glossaryPopup #header #adminLink a,
#glossaryPopup #header #adminLink a:link,
#glossaryPopup #header #adminLink a:visited {
font-weight: bold;
text-decoration: none;
color: #75a5a4;
}

#glossaryPopup #header #adminLink a:hover,
#glossaryPopup #header #adminLink a:focus,
#glossaryPopup #header #adminLink a:active {
text-decoration: underline;
color: #007475;
}

#glossaryPopup #header h1 {
color: #448b8c;
}

/* Glossary form container
========================================================= */
#glossaryPopup #header #formContainer {
margin: 0 0 6px 0;
padding: 0 0 10px 0;
/* width: 643px; */
/* background: transparent url(img/bg_glossaryForm-bl.gif) left bottom no-repeat; */
}

#glossaryPopup #header #glossaryForm {
margin: 10px auto 0 auto;
width: 643px;
height: 1%;
background: #a3c2c1 url(img/bg_glossaryForm-bottom.gif) 0 bottom no-repeat;
}

#glossaryPopup #header #glossaryForm #query {
padding: 5px 0 5px 10px;
background: transparent url(img/bg_glossaryForm-top.gif) right 0 no-repeat;
}

/* #header #glossaryForm #query #lookupresult {
padding: 0 0 5px 0;
background: transparent url(img/bg_glossaryForm-tl.gif) 0 0 no-repeat;
} */

/* Character List
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup #header #charList {
border-top: 1px solid #fff;
/* background: #a3c2c1; */
}

#glossaryPopup #header #charList:after,
#glossaryPopup #content .glossaryResults dd:after,
#glossaryPopup #content #glossaryResultsItem:after,
#glossaryPopup #content #glossaryResultsItem dd:after,
#glossaryPopup #content #glossaryResultItem dd #maincontent:after {
content: ".";
display: block;
height: 0;
clear: both; 
visibility: hidden;
}

#glossaryPopup #header #charList ul {
display: table;
margin: 0 auto;
font: normal bold 16px/34px verdana, arial, non-serif;
}

#glossaryPopup #header #charList ul li {
float: left;
width: 24px;
font-weight: normal;
text-align: center;
color: #666;
}

#glossaryPopup #header #charList ul li a,
#glossaryPopup #header #charList ul li a:link,
#glossaryPopup #header #charList ul li a:visited {
display: block;
font-weight: bold;
color: #007475;
background: transparent;
text-decoration: none;
}

#glossaryPopup #header #charList ul li a:hover,
#glossaryPopup #header #charList ul li a:focus,
#glossaryPopup #header #charList ul li a:active,
#glossaryPopup #header #charList ul li a.selected {
color: #fff;
background: #75a5a4;
}

#glossaryPopup #header #charList ul li a.selected {
color: #75a5a4;
background: #fff;
}

/* Content area
========================================================= */
#glossaryPopup #content h3 {
padding: 0 0 0 5px;
font-size: 16px;
line-height: 26px;
color: #fff;
background: #75a5a4;
}

#glossaryPopup #content dl {
/* margin-bottom: 20px; */
}

#glossaryPopup #content p {
margin: 0 0 20px 0;
}

#glossaryPopup #content ul {
margin-bottom: 20px;
padding: 0 5px 0 0;
list-style: disc;
}

#glossaryPopup #content ol {
margin-bottom: 20px;
list-style: decimal;
}

#glossaryPopup #content ul li {
margin-left: 13px;
/* padding: 0  0 0 13px; */
}

#glossaryPopup #content ol li {
margin-left: 35px;
}
/* 
#glossaryPopup #content #glossaryResultItem:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} */

#glossaryPopup #content .glossaryResults dt,
#glossaryPopup #content #glossaryResultItem dt {
margin: 20px 0 10px 0;
padding: 0 0 0 5px;
font-weight: bold;
background: #d1e1df;
}

#glossaryPopup #content .glossaryResults dt strong,
#glossaryPopup #content #glossaryResultItem dt strong {
color: #007475;
}

#glossaryPopup #content .glossaryResults dd,
#glossaryPopup #content #glossaryResultItem dd {
position: relative;
clear: both;
height: 1%; /* IE ... */
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #007475;
}

#glossaryPopup #content #glossaryResultItem dd {
padding: 0 0 30px 0;
}

#glossaryPopup #content #glossaryResultItem dd.empty {
padding: 0;
height: 20px;
/* height: 10px; */
}

#glossaryPopup #content .glossaryResults dd table.buttonRow,
#glossaryPopup #content #glossaryResultItem dd table.buttonRow {
clear: both;
margin: 5px 0 -5px 0;
}

#glossaryPopup #content #glossaryResultItem dd table.buttonRow {
margin-bottom: 5px;
}

#glossaryPopup #content #glossaryResultItem dd table.buttonRow,
#glossaryPopup #content #glossaryResultItem dd #maincontent table.buttonRow {
position: absolute; bottom: 0; right: 0;
}

#glossaryPopup #content #glossaryResultItem dd.empty table.buttonRow {
margin: 5px 0;
}

/* Box out of webpublisher
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup #content #glossaryResultItem dd .contentUnit,
#glossaryPopup #content #glossaryResultItem dd #maincontent {
clear: both;
margin: 20px 0 -20px 0;
padding-bottom: 0;
border-bottom: none;
}

#glossaryPopup #content #glossaryResultItem dd .contentUnit .picLeft,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picLeft {
clear:both;
float:left;
margin:6px 20px 0 0;
width:220px;
}

#glossaryPopup #content #glossaryResultItem dd .contentUnit .picRight,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picRight {
clear: both;
float: right;
margin: 10px 0 0 20px;
width: 220px;
}

#content .contentUnit .picFull {
clear: both;
margin: 10px 0 0 0;
width: 100%;
}

#glossaryPopup #content #glossaryResultItem dd .contentUnit .picLeft img,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picLeft img,
#glossaryPopup #content #glossaryResultItem dd .contentUnit .picLeft a img,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picLeft a img,
#glossaryPopup #content #glossaryResultItem dd .contentUnit .picRight img,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picRight img,
#glossaryPopup #content #glossaryResultItem dd .contentUnit .picRight a img,
#glossaryPopup #content #glossaryResultItem dd #maincontent .picRight a img {
clear:both;
display: block
margin: 0;
border: 1px solid #448b8c;
}

#glossaryPopup #content #glossaryResultItem dd .contentUnit p,
#glossaryPopup #content #glossaryResultItem dd #maincontent p {
/* margin: 0 0 20px 0; */
}

/* Buttons
========================================================= */
/* Button "back"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnBack, 
table.buttonRow a.btnBack:link {
display: block;
width: 70px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -320px no-repeat;
}

table.buttonRow a.btnBack:hover,
table.buttonRow a.btnBack:focus,
table.buttonRow a.btnBack:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -340px no-repeat;
}

/* Button "show all"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.showAll,
#glossaryPopup table.buttonRow a.showAll:link {
display: block;
width: 75px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -240px no-repeat;
}

#glossaryPopup table.buttonRow a.showAll:hover,
#glossaryPopup table.buttonRow a.showAll:focus,
#glossaryPopup table.buttonRow a.showAll:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -260px no-repeat;
}


/* Button "show all abbreviations"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.allAbbr,
#glossaryPopup table.buttonRow a.allAbbr:link {
display: block;
width: 150px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -80px no-repeat;
}

#glossaryPopup table.buttonRow a.allAbbr:hover,
#glossaryPopup table.buttonRow a.allAbbr:focus,
#glossaryPopup table.buttonRow a.allAbbr:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -100px no-repeat;
}

/* Button "show all terms"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.allTerms,
#glossaryPopup table.buttonRow a.allTerms:link {
display: block;
width: 110px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -40px no-repeat;
}

#glossaryPopup table.buttonRow a.allTerms:hover,
#glossaryPopup table.buttonRow a.allTerms:focus,
#glossaryPopup table.buttonRow a.allTerms:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -60px no-repeat;
}

/* Button "close window"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.btnClose,
#glossaryPopup table.buttonRow a.btnClose:link {
display: block;
width: 105px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -120px no-repeat;
}

#glossaryPopup table.buttonRow a.btnClose:hover,
#glossaryPopup table.buttonRow a.btnClose:focus,
#glossaryPopup table.buttonRow a.btnClose:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -140px no-repeat;
}

/* Button "print"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.btnPrint,
#glossaryPopup table.buttonRow a.btnPrint:link {
display: block;
width: 55px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right 0 no-repeat;
}

#glossaryPopup table.buttonRow a.btnPrint:hover,
#glossaryPopup table.buttonRow a.btnPrint:focus,
#glossaryPopup table.buttonRow a.btnPrint:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -20px no-repeat;
}

/* Buttons "more detail"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.moreDetail,
#glossaryPopup table.buttonRow a.moreDetail:link,
#glossaryPopup table.buttonRow a.moreDetail:visited {
display: block;
width: 90px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -160px no-repeat;
}

#glossaryPopup table.buttonRow a.moreDetail:hover,
#glossaryPopup table.buttonRow a.moreDetail:focus,
#glossaryPopup table.buttonRow a.moreDetail:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -180px no-repeat;
}

/* Buttons "related terms"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.relTerms,
#glossaryPopup table.buttonRow a.relTerms:link,
#glossaryPopup table.buttonRow a.relTerms:visited {
display: block;
width: 105px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -200px no-repeat;
}

#glossaryPopup table.buttonRow a.relTerms:hover,
#glossaryPopup table.buttonRow a.relTerms:focus,
#glossaryPopup table.buttonRow a.relTerms:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -220px no-repeat;
}

/* Button "previous"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.previous,
#glossaryPopup table.buttonRow a.previous:link {
display: block;
width: 75px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) 0 -520px no-repeat;
}

#glossaryPopup table.buttonRow a.previous:hover,
#glossaryPopup table.buttonRow a.previous:focus,
#glossaryPopup table.buttonRow a.previous:active {
background: transparent url(icons/SRGlossaryIconset.gif) 0 -540px no-repeat;
}

/* Button "next"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup table.buttonRow a.next,
#glossaryPopup table.buttonRow a.next:link {
display: block;
width: 60px;
height: 20px;
background: transparent url(icons/SRGlossaryIconset.gif) right -360px no-repeat;
}

#glossaryPopup table.buttonRow a.next:hover,
#glossaryPopup table.buttonRow a.next:focus,
#glossaryPopup table.buttonRow a.next:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -380px no-repeat;
}

/* Button "enlarge"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#glossaryPopup #content .picLeft a.btnEnlarge,
#glossaryPopup #content .picLeft a.btnEnlarge:link,
#glossaryPopup #content .picRight a.btnEnlarge,
#glossaryPopup #content .picRight a.btnEnlarge:link {
background: transparent url(icons/SRGlossaryIconset.gif) right -280px no-repeat;
}

#glossaryPopup #content .picLeft a.btnEnlarge:hover,
#glossaryPopup #content .picLeft a.btnEnlarge:focus,
#glossaryPopup #content .picLeft a.btnEnlarge:active,
#glossaryPopup #content .picRight a.btnEnlarge:hover,
#glossaryPopup #content .picRight a.btnEnlarge:focus,
#glossaryPopup #content .picRight a.btnEnlarge:active {
background: transparent url(icons/SRGlossaryIconset.gif) right -300px no-repeat;
}

/* Footer
========================================================= */
#glossaryPopup #footer {
clear: both;
border-bottom: 1px solid #007475;
}