/* CSS for Polopoly Staff Profiles display */
/* force scroll to avoid centering jumps on shorter pages */
html {
       overflow-y: scroll;
}
body 
{
font-size: 0.8em;
font-family:"Arial","Lucida Sans Unicode",sans-serif;
/*width: 800px;*/
}

#profiles {width: 568px; height: 83px; margin: 0px 0px; background: #E8EEF5; border: 1px solid #ddd; padding: 0px 5px; clear: right; }

#searchmenu  {float: left; width: 380px; padding: 5px 0px;}
#searchmenu ul {margin: 0px; padding: 0; display: inline;  }
#searchmenu ul li  {float: left; list-style: none outside none; margin: 2px 4px;}
#searchmenu ul li a {border: 1px solid #aaa; background: #FFFFFF; padding: 2px 4px; text-decoration: none; }
#searchmenu ul li a:hover {border: 1px solid #ccc; background: #EEEEEE; padding: 3px 4px; text-decoration: none; }
#searchform {float: right; width: 180px; padding: 5px 0px; font-size: 1.0em; text-align: right;}
#searchform input {margin: 4px 0;}
/* style tabs */
#tab_header ul { 
list-style: none; padding:0; margin:0;
}
#tab_header ul li  {
padding: 0px;
}
#tab_header li  {
float: left; border: 1px solid #bbb; border-bottom-width: 0; margin: 0;
}
#tab_header a 
{
text-decoration: none; font-size: 0.9em; display: block;
background: #eee; padding: 0.24em 0.5em; color: #00c;
width: 8.8em; text-align: center;
}
#tab_header a:hover  { 
background: #ddf;
}
#tab_header #selected  {
border-color: #777777;
}
#tab_header #selected a {
position: relative; top: 1px;
background: white; color: #777777; font-weight: bold;
}

#content 
{
float: left; width: 95%;
border: 1px solid #777777; color: #333333;
display: block; padding: 1em 1em 3em;
}
/* make italics a little more accessible */
#content em {
color: #222222; font-size: 105%; line-height: 120%;
}

td {
vertical-align: middle;
}
/* tame lists and tables */
#content ul { 
margin: 0 1em; list-style: none;
} 
#content ol { 
margin: 0 1em 0 2em;
} 
#content ul li, #content ol li {
padding: 0.4em; margin: 0;
}
#content table {border: 0;}
#content ul li table {padding: 0.4em; margin-bottom: 0;}

#content a:link { color: blue;}
#content  a:visited { color: #430019;}
#content  a:hover, #content  a:active { color: red;}

/* stripe lists - selctivizr js helps out IE6-8  */
 #contentArea tr:nth-child(even) { background-color: #F6FBFE; } /* main list tables  #ECF7FD */
 #content li:nth-child(odd) {background-color: #F6FBFE;} /* book lists w images */
/* style vcards */
#contentArea div.vcard2 {background-color: #EBF6FD; padding: 5px; border: #09F 1px solid; margin: 0.5em 0; float: none; width: 575px; display: inline-block;} 
#contentArea div.vcard2 img.photo {padding: 4px; margin: 0; background: #eee; border: #CCC 1px solid;}
/*#contentArea div.vcard2 ul {list-style: disc; margin: 0; padding: 0 0 0 -1em ;text-indent: -0.4em;}*/
#contentArea div.vcard2 ul.adr {margin-bottom: 0em;}
/*#contentArea div.vcard2 ul li {padding: 0; margin: 0 0 0 0;}*/
#contentArea div.vcard2 ul li.fn, #contentArea div.vcard2 ul li.organization-unit {font-weight: bold; font-size: 123.1%;}
#contentArea div.vcard2 ul li.title {margin: 0 0 0.5em 0;}
#contentArea div.vcard2 ul li.org span {display: block;}
#contentArea div.vcard2 span.type, #contentArea div.vcard2 span.typelabel {font-weight: bold;}
#contentArea div.vcard2 dl {padding: 0; margin: 0.5em 0 0 0.2em;}
#contentArea div.vcard2 dl dt {float: left; font-size: 100%; padding: 0; margin: 0;}
#contentArea div.vcard2 dl dd {margin: 0 0 2px 3.5em; padding: 0;}

#contentArea h2 { margin-bottom: 0.5em;}
#contentArea h3 {font-size: 1.2em; margin: 0.2em 0;}
#contentArea h4 {margin: 0.3em 0 0.5em;}

#contentArea hr {color: #ddd; margin: 0.3em 0;}

#contentArea td {border: 0;} /* remove grey td borders */

/* space columns nicely */
.acol1, .hcol1  {width: 30%;}
.scol1            {width: 25%;}
.acol2, .scol2, .hcol2, .ncol2  {width: 30%;}
.acol3, .scol3, .hcol3  {width: 15%; line-height: 1.3em;}
.ncol3  {width: 12%;}
.ncol4  {line-height: 1.5em;}



#research_video  {
background-color: #EBF6FD;
border: 1px solid #0099FF;
padding: 7px;
}
#video p {float: right; padding: 2px 8px; background: #fff; color: #555; border: 1px solid #ddd;}
#help {color: #555; text-align: center; font-size: 0.85em;}
/* proxy gags on html5 tags, send mobile to original */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#video {display:none;}
#help {display: none;}
}
#ilink {display:none;}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#ilink {display:block; padding: 8px;}
}


#research_summary {
float: right; width: 32%; 
color: #25476c; border: 1px solid #156caf; background: #F4F7FA;
padding: 0px 8px 4px; text-align: left; margin: 40px 0 20px 20px;
}
#research_summary ul  {
margin: 0.1em 1em 0.3em;
}

#profile_footer {
display: block; clear: both;
}

#content a.external:link, #content a.external:visited {color: #25476c !important; float: left; padding-left: 12px; font-size: 80% !important;}

#short_url {
float: right;
padding: 12px;
}

#selectText1 {
float: left;
padding: 0px;
}

#selectText2 {
float: right;
padding: 2px;

}

#selectChoices1 {
float: left;
padding: 5px 0px;
width: 370px;
position:relative;
left:-7px;
top: 0px;
}

#selectChoices2 {
float: right;
padding: 2px;
width: 170px;
position:relative;
right:0px;
top: 0px;
}

.tableProfilesImage
{
 vertical-align: top;
 text-align: center;
}

.tableProfilesNoImage
{
 vertical-align: top;
 text-align: center;
}

#no_profile  {
float: left;  
}