/* Reset */
html * { padding: 0; margin: 0; border: solid 0px; list-style-type: none; }
html { font-size: 11px; color: #333333; }
html, body { padding: 0; height: 100%; width: 100%; margin: 0; border: solid 0px; }
html, input, textarea, select { font-family: Arial; }
/* text styles */
a, a:visited, a:active { color: #3680e4; text-decoration: none; }
a:hover { text-decoration: underline; color: #cb2c7c; }
p { margin: 0 0 15px 0; }
p.intro { font-weight: bold; }
p.intro i { font-size: 10px; font-weight: normal; }
p.disclaimer { font-size: 10px; font-style: italic; color: #999;}
#textContent ul { list-style-type: circle; margin-left: 15px; }
#textContent ul li { margin-left: 15px; }
h1 { font-size: 18px; margin: 0 0 15px 0; }
h2 { font-size: 16px; margin: 0 0 5px 0; }
/* Framework */
body { text-align: center; margin: 0; }
#page { width: 952px; margin: 0 auto; text-align: left; background: #fff url('../images/pageBg.png') repeat-y;
border-bottom: solid 1px #cfe4f4; overflow: hidden; }
#leftMenu { width: 180px; float: left; padding: 53px 10px; }
#logo { margin: 0 0 40px 0; }
.dbList { padding: 0; margin: 0; }
.dbList li { padding: 0; margin: 0; }
#content { margin-left: 200px; padding: 50px 0; width: 548px; }
/* Style for overlay and box */
.overlay { background: transparent url(../images/overlay.png) repeat top left; position:fixed; text-align: center; top:0px; bottom:0px; left:0px; right:0px; z-index:100; }
.box { position:fixed; text-align: center; top:-200px; left: 50%; margin-left: -100px; width: 160px; padding: 20px; background-color: #fff; color:#7F7F7F;
border:2px solid #ccc; -moz-border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius:20px; -moz-box-shadow: 0 1px 5px #333; -webkit-box-shadow: 0 1px 5px #333; z-index:101; }
.box img { margin-bottom: 10px; }
.box p { margin: 0; font-weight: bold; }
/* searchbox */
#searchbox-wrapper { position: relative; height: 163px; margin-bottom: 30px; }
.searchBox { width: 516px; height: 145px; margin: 0 auto; background-repeat: no-repeat; position: relative; }
#simple-search { background-image: url('../images/searchBoxBg.png'); }
.searchBox .queryInput { position: absolute; left: 30px; top: 43px; background-color: Transparent; height: 27px; width: 390px;
padding: 6px 10px 0 10px; }
.searchBox .watermarkOn { color: #ccc; font-style: italic; }
.searchBox .searchButton { position: absolute; left: 445px; top: 43px; background-color: Transparent; height: 32px; width: 60px; cursor: hand; }
#infoUrl { position: absolute; right: 19px; bottom: 0px; color: #fff; text-decoration: none; }
#home { position: absolute; left: 0px; top: 0px; width: 420px; height: 30px; font-size: 9px; }
#about { position: absolute; left: 50px; top: 146px; color: #163588; }
#about a, a:active, a:visited { text-decoration: none; color: #163588; }
#about a:hover { text-decoration: underline; }
#about span.pink { color: #cb2c7c; }
#about span.brown { color: #5d5153; }
#about span.babyBlue { color: #70a3cb; }
#tabNav { position: absolute; right: 30px; top: 142px; background: #fff url('../images/tabNavBg.jpg') no-repeat top right; width: 174px; height: 18px; }
#tabNav li { float: left; width: 87px; text-align: center; }
#rightMenu { float: right; width: 180px; padding: 134px 10px 25px 10px; position: relative; }
#rightMenu img.beta { position: absolute; top: 30px; left: 23px; }
#page-wrapper { margin: 0 20px; }
/* Search */
#theEggBody { margin: 0 auto; text-align: center; position: relative; }
#theEggBody .eggContainer { height: 502px; width: 543px; background-image: url('../images/theEgg.png'); background-repeat: no-repeat; padding: 20px 0 0 0; }
.eggContainer div a { margin: 0 5px; }
.eggContainer img { cursor: pointer; }
.eggContainer .row1 { height: 47px; padding-top: 10px; }
.eggContainer .row2 { height: 47px; margin-top: 27px; padding-top: 10px; }
.eggContainer .row3 { height: 45px; margin-top: 27px; padding-top: 10px; }
.eggContainer .row4 { height: 46px; margin-top: 27px; padding-top: 10px; }
.eggContainer .row5 { height: 46px; margin-top: 27px; padding-top: 10px; }
.eggContainer .row6 { height: 46px; margin-top: 27px; padding-top: 10px; }
ul.dbList { list-style-type: none; padding: 0; margin: 0 0 0 10px; }
ul.dbList li { background-image: url('../images/blue_arrow.gif'); background-repeat: no-repeat; background-position: 0px 3px; padding: 0 0 3px 15px; vertical-align: top; }
ul.urlList { list-style-type: none; padding: 0; margin: 0 0 20px 10px; }
ul.urlList li { background-image: url('../images/blue_arrow.gif'); background-repeat: no-repeat; background-position: 0px 3px; padding: 0 0 5px 15px; vertical-align: top; }
ul.calendarList { list-style-type: none; padding: 0; margin: 0 0 20px 10px; }
ul.calendarList li { background-image: url('../images/blue_arrow.gif'); background-repeat: no-repeat; background-position: 0px 3px; padding: 0 0 5px 15px; vertical-align: top; }
.calendarFrame { margin-left: 20px; border: 0; }
/* modal popup in the egg */
.childModal { display: none; position: absolute; top: 120px; width: 300px; background: #FFFFCC;
border: 1px solid #a9b5b3; padding: 10px; text-align: left; color: #123285; }
.childModal ul { margin: 0 0 20px 0; }
.childModal ul li { text-transform: capitalize; }
.closeModal { text-transform: lowercase; }
.helpModal { text-transform: lowercase; float: right; }
/* McMaster styles */
.mcmaster-resultcount { font-size: 12px; font-style: italic; color: #cb2c7c; }
.mcmaster_resultlist { margin-left: 20px; }
.mcmaster_resultlist li { padding: 2px 0; list-style-type: disc; }
.mcmaster_resultlist li.alt { background-color: #d8eaf5; }
.mcmaster h2 { font-size: 14px; text-align: center; background-color: #d8eaf5; padding: 3px 0; }
.mcmaster h3 { font-size: 12px; }
#page-wrapper table { margin: 0 0 20px 0; width: 100%; }
#page-wrapper table td { padding: 2px 0; }
#page-wrapper table .header td { border-bottom: solid 1px #111; font-weight: bold; }
.center { text-align: center; }
li.item { padding-bottom: 10px; }
li.alt-item { padding: 10px 0; border-top: dashed 1px #111; border-bottom: dashed 1px #111; }
/* human atlas */
#human-atlas-wrapper { text-align: center; height: 480px; }
/* video player */
#player { display: block; width: 520px; height: 330px;}