@charset "utf-8";
/* CSS Document */
/* July 18, 2012 */
/* testing with particularly for the content image and associated text */
/* Update August 9, 2012, compressed the top by 1 of 8 em: logo, 8>7 em; 
        topNavigation from 4 to 3; topNavigation a line-height from 3 to 2; logo
        border from #999 (gray?) to 'black' */
/*  Update August 18, 2012 to tighten up heading   
    Update March 31, 2013 making body font-size: small, and caption x-small
    Update August 18, 2013, NEPHP Conference add to footer: clear: both;
    Update April 5, 2014, add and removed #contentSubHeader for wwiScEvent year dropdown;
        reusing contentNav. Added contentNavBottom for dropdowns at the bottom of the page.
    Update April 7, 2019: add imageSearchTable for Image Search.
*/
form {
    margin-left: 0;
}
body {
    color:#303030;
    /*background-color: #EFEFFB;*/
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    /*  font-size: small; */
    font-weight: normal;
}
label {
    font-weight: bold;
    /*display: block;*/
}
table {
    border: 1px solid black;
    /*display:block;*/
}
/* logo */
#logo {
    float: left;
    /*background:#EE9A00;*/
    height: 7em;
    margin: 0 0 0 1em;
    border:1px solid black; /* #999; solid black; */
    /*
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: black;
    border-left-color: black;
    border-bottom-color: black;
    border-top-color: black;
    */
}
/* headers */
#header {
    float: left;
    /* background:#EE9A00;*/
    height: 3em; /*140px;*/ /* August 12, 2012 from 4; made no diff*/
    width: 50em;
    padding: 0 0 0 0 ; /*1em;*/
    /*background-color: #ddd;*/
}
#header h1 {
    color:#303030;
    /*background:#EE9A00;*/
}
/* Login */
#loginLink {
    float: left;
    color:#303030;
    /*background:#EE9A00;*/ /*#E0ECF8;*/
    height: 3em; /* the 1em padding below pushes the text down, and makes the area 4em*/
    width: 12em;
    padding:1em 0 0 0; /* August 12, 2012 from 1em 0 0 1ems; made no diff*/
    /*background-color: #ddd;*/
}
/* top navigation */
#topNavigation {
    float: left;
    /*background:#EE9A00;*/
    /*  border:1px solid #999; */
    width:62em;
    height:3em;
    margin:0 auto;
    border-bottom-style: solid;
    /*background-color: #ddd;*/
}
#topNavigation li {
    float: left;
    /*background:#CD851C;/* /*#E0ECF8;*/
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-left:1px solid #999;
    margin:0 0 1px 0;
    /*width:7em;*/
    padding: 0 1em 0 1em;
    display: inline;
}
#topNavigation a {
    /*color:#555;*/
    display:block;
    line-height:2em;
    text-align:center;
}
#topNavigation li:hover {
    background:#FFD27F; 
    color:#303030;
}
/* left navigation */
#leftNavigation {
    float: left;
    /*background:#CEF6F5; /*#E0ECF8;*/
    width:10em;     /*was 10em*/
    margin: 0 0 0 1em;
}
#leftNavigation li {
    float:none;
    /*background:#E0F8F7; /*#E0ECF8;*/
    margin:0 0 0 1em;
    list-style-type:none;
    display:block;
}
#leftNavigation a {
    color:#555;
    display:block;
    line-height:2em;
    text-align:left;
}
#leftNavigation a:hover {
    /*background:#e3e3e3;*/
    color:#555;
}
#calendarList ul {
    width:62em;
    float: left;
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    display: inline;
/*height:24px;*/
}
#calendarList ul li {
    float: left;
    display: inline;
}
#calendarList a
{
    display:block;
}
/* contentHeader */
#contentHeader {
    float: left;
    /*background-color: #E0ECF8;*/
    width:50em; /*860px;*/
/*  padding:0 0 20px;   /* top is 0; right and left are 0; bottom is 20 */
    /* padding-top:, padding-bottom:, padding-right: padding-left: */
    /*height:4em;*/
    display:inline;
}
/*  contentNav is in-line Label dropdown Go Label dropdown Go   */
#contentNav {
    float: left;
    /*background-color: #E0ECF8;*/
    width:50em; /*860px;*/
/*	padding:0 0 20px;   /* top is 0; right and left are 0; bottom is 20 */
    /* padding-top:, padding-bottom:, padding-right: padding-left: */
    /*height:4em;*/
    display:inline;
    margin-bottom: 1em;
}
/*  contentNavBottom is in-line Label dropdown Go Label dropdown Go -
    same as contentNav but a top margin rather than bottom  */
#contentNavBottom {
    float: left;
    /*background-color: #E0ECF8;*/
    width:50em; /*860px;*/
/*	padding:0 0 20px;   /* top is 0; right and left are 0; bottom is 20 */
    /* padding-top:, padding-bottom:, padding-right: padding-left: */
    /*height:4em;*/
    display:inline;
    margin-top: 1em;
}
#contentHeader h1 {
    float: left;
    /*display:inline;*/
    font-family:Verdana, Geneva, sans-serif;
    font-size: 150%;    /*font-size:1.8em;*/
    color:#245E50;
}
/*  Following label, select, input is for Label dropdown Go Label dropdown Go  
    1em on either side of the dropdown 1em to the right of Go  */
#contentHeader label {
    float: left;
    margin:0 0 0 0;     /*  1em 0 0 1em; */
    font-size: smaller;
    /*padding:0.50em;*/
}
#contentHeader select {
    float: left;
    margin:0 1em 0 1em;     /*  1em 0 0 1em;    */
    font-size: smaller;
    display: block;
}
#contentHeader input {
    float: left;
    font-size: smaller;
    margin:0 1em 0 0;     /*  1em 0 0 1em;    */
}

/* content */
#content {
    float: left;
    /*background-color: #EFF5FB;*/
    width:50em; /*860px;*/
    margin: 0 0 0 0em;
    padding:0 0 1em 1em;
/*	padding:0 0 20px;   /* top is 0; right and left are 0; bottom is 20 */
    /* padding-top:, padding-bottom:, padding-right: padding-left: */
    height:auto;
    font-size: 100%;         /*from 100% JULY 17, 2012*/
    /* font-family: sans-serif;    /*added JULY 17, 2012*/
}
#content h1, h2, h3 {
    /*font-size:1.8em;*/
    /*float: left;*/
    /*display:inline;*/
    font-family:Verdana, Geneva, sans-serif;
    font-size: large; /*150%;*/
    color:#245E50;
}
#content h1 {
    font-size: x-large;   /*110%;*/
}
#content h2 {
    font-size: large;   /*110%;*/
    /* margin-left:1em; */
}
#content h3 {
    font-size:smaller;
    /*margin-left:1em;*/
    /*display:block;*/
}
#content p {
    padding:0 1em 0 0 ;    /* 20px 20px 0; top is 20; right and left are 20; bottom is 0 */
    font-weight: lighter;
    /*font-size: smaller;*/
    /*margin: 0 auto 1em 75px;
    width:800px;*/
}
#content label {
    /*float:left;*/
    /*margin:1em 0 0 1em;*/
    font-weight: bold;
    /*display: block;*/
}
#content select {
/*      float: left;
    margin:1em 0 0 1em;*/
    display: block;
    font-size: smaller;
}
#content input {
/*        float: left;
    margin:1em 0 0 1em;*/
    display: inline;
}
#content img {
    float: left;
    margin:0 10px 0 0;    /*  1em 10px 0 0;*/
    max-width: 31em;
    border: 1px solid black;
}
#contentTreeview {
    float:left;
    /*background:#E0F8F7; /*#E0ECF8;*/
    margin:0 0 0 1em;
    list-style-type:none;
    display:block;
}

#content table {
    /* float: left;*/
    /*background-color: #CEE3F6;*/
    margin:0 0 0 0;
    width:30em;
    max-height:12em;
    overflow:auto;
}

#contentTableSpace {
    /*background-color:#ECE0F8;*/
    width:50em; /*860px;*/
    font-size: smaller;
    float:left;
}

#contentTableSpace contentTable {
    float:left;
    /*background-color: #A9D0F5;*/
    margin:0 0 0 0;
    width:30em;
    max-height:12em;
    border: 1px solid black;
    overflow:auto;
}

#contentTableSpace img {
    float:right;
    width:15em;
    margin:2.5em 0 0 0;
}

.textfield {
    width: 350px;
    display:block;
}

.warning {
    color: #f00;
    font-weight: bold;
}

/* contentGraphic1 */
#contentGraphic1 {
    float: left;
    /*background-color: #CEE3F6;*/
    max-width:32em  ;  /*remove the width JULY 17, 2012*/ /*860px;*/
    /* added max-width, but the does not seem to do the trick. Cf. Berlin */
    padding:0 0 10px 0;
/*	padding:0 0 20px;   /* top is 0; right and left are 0; bottom is 20 */
    /* padding-top:, padding-bottom:, padding-right: padding-left: */
}

/* contentGraphic1 */
#contentGraphic1Caption {
    font-size: smaller; /*font-size: 80%;*/
}

/* contentGraphic1 */
#contentGraphic1Text {
    font-weight: bold;  /*font-size: smaller; /*font-size: 80%;*/
    /*visibility: hidden;*/
}

/* contentGraphic1 */
#dialog {
    font-size: x-small; /*from small, March 31, 2013; font-size: 80%;*/
    /*visibility: hidden;*/
}
/* rightPanel */
#rightPanel {
    float: left;
    /*background-color: #A9D0F5;*/
    width:10em; /*860px;*/
}

#imageSearchTable {
    float:left;
    /*background-color: #A9D0F5;*/
    margin:0 0 0 0;
    width:62em;
    border: 1px solid black;
    overflow:auto;
    border-top: thin solid; 
    border-bottom: thin solid;
}

/* footer */
#footer {
    /*background-color:#A9D0F5;*/
    clear: both;
    height:10em;
    margin:0 auto;
    padding:0 0 0 0;
    text-align:center;
    width:900px;
}