/* styles for faculty pages on CMS */

/*header*/
.researchPIPic {
	border:2px solid #094373;
	margin:10px 0 7px 10px;
}
#researchName {
	font-size: 1.9em;
	font-weight: bold;
	color: #094373;
}
.researchLevel {
	font-size: 0.8em;
}
#researchAffiliations {
	font-size: 1.2em;
	margin-top: 10px;
}
#researchAffiliations ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#researchAffiliations ul li {
	margin: 0;
}
#researchVideo {
	float: right;
	margin: 0 10px 10px 0;
}
/*not needed as removed border for all img in wwwContentStyles for cms #researchVideo img {
	border: none;
}*/
#researchContact {
	width: 193px;
	font-size: 1.1em;
	background-color: #EEE;
	padding: 5px;
	border: 1px solid #094373;
	clear: right;
}
#researchLabHome {
	float: right; 
	margin: 15px 10px 0 0; 
	background-color: #094373; 
	border: 1px solid #990000; 
	padding: 3px 0;/*can't have left/right padding here or shoves hover arrow over*/
	font-weight: bold;
	font-size: 1.3em;
	clear: right;
	width: 100px;/*required for IE*/
}
#researchLabHome.researchDoc {/*add doc as class to links to physicians' pages*/
	width: 125px;
}
#researchLabHome a {
	text-decoration: none;
	padding: 0 10px;/*only works for left/right, not top bottom so apply in labHome above*/
}
#researchLabHome a:link, #researchLabHome a:visited {
	color: #BAE3FF;
}
#researchLabHome a:hover {
	color: #FFF;
	background-image: url(../images/pointerWhiteBlue.gif);
	background-position: 1px 50%;
	background-repeat: no-repeat;
}
#researchNav {
	font-size: 11pt;
	margin: 0 10px 5px 10px;
	background-image: url(../images/endLeft.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#researchNav ul {
	list-style-type: none;
	padding: 3px 0;/*need this or is not as tall as <a> blocks*/
	margin-left: 5px;/*moves over so can see curved end gif on #nav below it*/
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	background-color: #094373;
	background-image: url(../images/endRight.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 18px;
}
#researchNav ul li {
	display: inline;
	margin-left: 0;
}
#researchNav a {
	margin-left: -4px;/*fills mysterious gap*/
	padding: 0 15px;
	font-weight: bold;
	text-decoration: none;
}
#researchNav a:link, #researchNav a:visited {
	color: #BAE3FF;	
}
#researchNav a:hover {
	color: #FFF;
	background-image: url(../images/pointerWhiteBlue.gif);
	background-position: 5px 50%;
	background-repeat: no-repeat;
}
#researchNav ul li.researchHere a  {/*marks link as here, hides clickable cursor.  applied to li tag by javascript*/
	color: #FFF;
	cursor: default;
	background-image: url(../images/pointerWhiteBlue.gif);
	background-position: 5px 50%;
	background-repeat: no-repeat;
}



/*main content section*/
#researchListPlain ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.researchClearLeft {/*keep clearLeft and clearRight as the versions in wwwMainStyles.css don't work on faculty page layout*/
	clear: left;
}
.researchClearRight {
	clear: right;
}
/*.clearBoth is replaced by clear-both coming from wwwMainStyles.css*/

#researchMainContent {
	font-size: 1.2em;
	margin: 0 10px 10px 10px;
	width: 720px;/*width and overflow needed to make clear both divs not push content below main left nav*/
	overflow: hidden;
}
/* not needed as removed border for all img in wwwContentStyles for cms #researchMainContent img {
	border: none;
}*/
#researchMainContent h3 {
    color: #000000;
    margin: 10px 0 0 0;
}

#researchMainContent h2 {
	font-size: 1.2em;
	color: #000000;
	margin-bottom: 0;
	padding-bottom: 0;
}

#researchMainContent .researchSectionTitle {/*needed to override #researchMainContent h2 for publications section titles in PI pages*/
	font-weight: bold;
	font-size: 1.4em;
	color:#094373;
	margin-top: 10px;
}

#researchMainContent ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#researchMainContent li {
	margin-left: 0;
}
#mainContent ul.researchPubs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#researchRightMenu {
	float: right;
	padding: 5px;
	background-color: #EEE;
	width: 185px;
	margin: 10px 0 5px 20px;
}
#researchRightMenu h3 {
	font-style: italic;
	color: #094373;
}
#researchRightMenu ul {
	padding: 5px;
}
#researchRightMenuTwoCol {
	float: right;
	padding: 5px;
	background-color: #EEE;
	width: 195px;
	margin: 10px 0 5px 20px;
}
#researchRightMenuTwoCol ul li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 85px;
}

.researchTop {/*back to top links*/
	float: right;
	font-size: 12px;/*needs to be px not em so stays same size everywhere*/
	margin-right: 10px;/*so doesn't get cut off at edge of page in IE PC*/
	margin-top: -1em;
}

.researchPubs li {/*used on pubs and links lists*/
	padding: 5px 0;
}



/*index page*/
.researchSlideshow {
	float: right;
	margin: 15px 0 5px 30px;
	border: solid 2px #094373;
}
#researchListLayParagraph {/*for list in research summary*/
	padding: 10px;
	font-weight: bold;	
	width: 500px;
}
/*not used yet#researchVideoLink {
	float: right;
	width: 185px;
	padding-top: 10px;
}*/
#researchPublications {
	margin: 10px 0 0 5px;
	padding: 0 0 0 20px;
}


/*research page*/
.researchSubsection {
	margin: 0 20px;
}
/*.content ol {/*required to make content padding override 0 padding set on ol.  with no style type, ul doesn't need it*/
	/*padding: 0 20px;
}*/
.researchLeft {/*used in Rhodes 3 picture pages*/
	float: left;
}
.researchImageCaption {/*for use when not part of #researchMainContent*/
	font-style: italic;
	font-size: 0.8em;
	padding: 2px;
	background-color: #E5E4FF;
}
#researchMainContent .researchImageCaption {	
	background-color: #E5E4FF;
	font-style: italic;
	padding: 2px;
	font-size: 0.8em;
}
#researchMainContent .researchImageCaption a {
	text-decoration: none;
	color: #000000;
}
.researchImageCaption p {/*EditLive inserts <p> tags; this gets rid of the space they add*/
	margin: 0;
}
.researchUnderTitle {
 margin-top: 15px;
}



/*publications page*/
.invisible {
	display: none;
}
.visible {
	display: block;
}



/*people page*/
.researchPeople {
	float: left;/*needed by IE to avoid adding the margins on the bottom of people and peoplePic*/
	display: inline;/*fixes doubled margin in float in IE6; must set to block in researchCMSIE8Only css as is not floated there*/
	width: 540px;/*needed by Firefox and Safari, as content wider than that pushes the floated people div below the floated people pics*/
	margin: 5px 10px 20px 20px;/*margin bottom must be here for Safari, which won't take a bottom margin from an empty div*/
}

#researchMainContent .researchPeople ul {
	padding-left: 10px;
}
.researchPI {
	margin-left: 20px;
	width: 465px;/*needed by Firefox and Safari, as content wider than that pushes the floated people div below the floated right menu*/
}
.researchStaffList {
	margin-left: 20px;
	margin-bottom: 20px;/*margin bottom must be here for Safari, which won't take a bottom margin from an empty div*/
}
#researchMainContent .researchPeoplePic {
	float: left;
	margin: 10px 0 20px 0;
	border: 2px solid #094373;
}
.researchTopTable {/*back to top links in table*/
	float: right;
	font-size: 12px;/*needs to be px not em so stays same size everywhere*/
}


/*images page*/
.researchCenter {
	text-align: center;
}
.researchSlideshowLarge {
	margin: 10px auto 0;
	width: 675px;
}



/*positions page*/
#researchPositions {
	float: left;
	clear: both;
}



/*extra page*/
#researchExtraContent {
	margin-top: 10px;
}


/*html versions of CVs and Rhodes picture pages*/
#researchCV {
	margin: 10px;
}
#researchCV ul {
	margin-left: 40px;
	list-style-type: disc;
}
#researchCV h1 {
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}

/* facility styles */

#researchFacilityGroupLeader {
	font-size: 1.2em;
}
.floatImageRightUp15 {
	float: right;
	margin: -15px 0 1px 10px;
}

/*facilities home page*/
#content .facilitiesHome {
	/*width: 450px; removed to allow img floats to work in IE6 and 7*/
	list-style-type: none;
	margin: 0 0 0 -1em;/*moves top section left so emails fit next to images*/
	padding: 0;
}
#content .facilitiesHome li {
	padding: 0.5em 5px;
	margin: 0;
	/*is line-height css added in IE7 only to make left column items in grey background show up*/
}
#content .facilitiesHome ul {
	margin: -1.85em 0 0 120px;
	padding: 0;
	list-style-type: none;
}
/*adjusts for individual facility home page*/
#content .indiv ul {
	margin-left: 80px;
}
#content .facilitiesHome ul.upTwoLines {
	margin-top: -3.3em;
}
#content .facilitiesHome ul ul {
	margin: 0 0 0 29px;
	padding: 0;
	list-style-type: none;
}
.greyBackground {
	background-color: #eee;
}
.rotatingBox {
	float: left;
	width: 184px;
	background-color: #EEE;
	border: thin solid #094373;
	margin: 10px 9px 0 9px;
	padding: 0 5px 5px 5px;
}
.rotatingBox img {
	float: left;
	margin: 5px 5px 5px 0;
}
#content .rotatingBox h2 {
	margin: 5px 0;
}
#content .rotatingBox p {
	margin: 0;
}
.rotatingBox a {
	float: right;
}
/*hack to target only Safari and Chrome, to fix text runnig into image on light microscopy facility home page*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #content .facilitiesHome {
		line-height: 1.5em;
	}
}