@charset "utf-8";
/*JOHNS HOPKINS PATHOLOGY PANCREAS 2009 CSS JLD BEGIN RESETS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}li { list-style:none;}caption, th { text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}abbr, acronym {border:0;font-variant:normal;}input, textarea, select {font-family:inherit;font-size:inherit;}
/* end resets */
body { font-family:Arial, Helvetica, sans-serif; background:#fff;}
/*  HEADER */
#header { width:943px; height:122px; background:url(../images/bkHeader.jpg) top left no-repeat #000; margin:auto; }
#sol a:link, #sol a:visited, #sol a:hover, #sol a:focus, #sol a:active  { color:#FFF; text-decoration:none; }
#TopBar{ font-size: 12px; text-align:right; margin-right:5px; }
#TopBar a:link, #TopBar a:visited { color: #FFF; text-decoration: underline; }
#TopBar a:hover, #TopBar a:focus, #TopBar a:active {color:#FFF;text-decoration: none;}
/*#sol {background:url(../images/bkSolGoldman120.jpg) left bottom repeat-x #8b77aa; color:#FFF; width:943px; margin:auto; padding:.25em 0 0 0; }*/
#sol {background:url(../images/bkSolHeader.jpg) left bottom repeat-x #8b77aa; color:#FFF; width:943px; margin:auto; padding:.25em 0 0 0; }
#sol h2 {font-weight:bold; font-size:1.75em; text-align:center;}
#tabcontainer {}
/* MAIN TABS @ TOP */
#menu { text-align:center; margin:auto; } 
#menu ul { list-style-type:none; margin:0 0 0 3.14em; padding:0; }
.theTabs { float:left; background:url('../images/start.gif') bottom left no-repeat; margin-right:15px; }
#menu ul li a {float:left; padding-left:10px; padding-right:10px; text-decoration:none; font-weight:bold; color:#FFF; line-height:30px; }
.tablink { background:url('../images/end.gif') 100% 100% no-repeat;  color:#000;}
.hover { background:url('../images/startOver.gif') bottom left no-repeat; margin-right:15px; }
.hoverend { background:url('../images/endOver.gif') 100% 100% no-repeat; padding-left:10px; padding-right:10px; text-decoration:none; font-weight:bold; color:#000; line-height:30px; }
#hometab { background:url('../images/startSEL.gif') bottom left no-repeat; margin-right:15px; }
#hometabend { background:url('../images/endSEL.gif') 100% 100% no-repeat; padding-left:10px; padding-right:10px; text-decoration:none; font-weight:bold; color:#000; line-height:30px; }
/* END HEADER */
#centercolumn { margin:auto; width:60em; }
/*Home page styles */
#lefthome { width:32.5em; display:inline; float:left; margin-left:.62em; margin-top:1.5em;}
.blue { color:#37215f; text-decoration:none;} .prof {color:#91125f;text-decoration:none;}
#lefthome h2, #righthome h2 { color:#37215f; font-weight:bold; font-size:1.25em; line-height:1.5em; margin-top:.25em;} #righthome h2.marge { margin:.5em 0;}
#lefthome p, #righthome p { line-height:1.2em; margin-bottom:1em; } 
#lefthome img { margin:.5em 0;}
#righthome {float:left; margin-left:3em; margin-top:1.5em; width:22em;} 
#righthome h3 { font-weight:bold;}
.ptsbox { background: #cfc7da;padding: .25em 1em; float:right; }
.profbox {background: #e2cbd1; margin-top:1em;padding: .25em 1em; }
.ptsbox ul li a:link, .ptsbox ul li a:visited { font-size:.85em; font-weight:bold; color:#039; text-decoration:none;}
.ptsbox ul  li a:hover, .ptsbox ul  li a:focus, .ptsbox ul li a:active  {font-weight:bold; color:#039; text-decoration:underline;}
.ptsbox h2, .ptsbox h3 { color:#37215f; font-weight:bold; line-height:1.5em;}
.profbox li a:link, .profbox li a:visited { font-size:.85em; font-weight:bold; color:#91125f; text-decoration:none;}
.profbox li a:hover, .profbox li a:focus, .profbox li a:active {font-weight:bold; color:#91125f; text-decoration:underline;}
.profbox h2, h2#pb, .profbox h3 { color:#91125f; font-weight:bold; line-height:1.5em;}
.ptsbox p, .profbox p { text-align:center; padding-top:.5em;}
 /* Patient Styles  */
#homeContent { float:left; margin:1em .15em; width:650px; padding:1em 0 .25em 2em;}
#homeContent h1, #homeContent h2, #homeContent h3 { color:#003399; font-weight:bold; margin:.5em 0;}
#homeContent li {line-height: 1.8em; font-size:.8em; margin-left:1em;}
#homeContent li li {font-size:1em;}
#homeContent td {line-height: 1.8em; font-size:.8em;}
.BrickBold {font-weight: bold;color:#990000;vertical-align:top;border-bottom: solid 1px #666666;}
.borderbottom { border-bottom: solid 1px #666; padding:.15em;}
.green { color: #276E03;font-weight: bold;}
.yellow {	color: #C58F5A;	font-weight: bold;}
.tblSymptopms {	border-bottom: solid 1px #999;	border-right: solid 1px #999;	padding:3px;}
.tblBorder {	border-top: solid 1px #999;	border-left: solid 1px #999;}
.theth th { padding:.15em;	background-color: #ccccff; text-align:center;	border-bottom: solid 1px #999;	border-right: solid 1px #999;font-weight:bold; color:#003399;}
caption { font-weight:bold; color:#003399;}
/* GENERIC */
.floatright { float:right; }
.floatleft {float:left; }
.marginleft { margin-left:.5em;}
.marginright { margin-right:.5em;}
.floatleft { margin-left:.5em;}
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;}
.bullet li { list-style:square inside;}
.upperalpha li {list-style: upper-alpha;}
.loweralpha li {list-style: lower-alpha;}
.decimal li {list-style:decimal; }
.strong {font-weight:bold;}
.all, .nothing { text-align:center; margin:1em;}
.hideme { display: block; height: 0; overflow: hidden; }
p, address, blockquote {line-height: 1.8em; font-size:.8em; margin-bottom:.75em;}  address { margin-left:2em; }
dt { font-weight:bold;color:#003399;}
dd { line-height: 1.8em; font-size:.8em; margin-bottom:1em;}
th, td {padding:.25em; }
#homeContent h3 { font-size:.95em; color:#000000; }
/* For use with pages having tabs */
#MyAptSubNavList {padding:1em 0 3px 0; margin-left: 0;border-bottom: 1px solid #778;font: bold 12px Verdana, sans-serif;}
#MyAptSubNavList li{list-style: none;margin: 0;display: inline;}
#MyAptSubNavList li a{padding: 3px 0.5em;margin-left: 2px;border: 1px solid #778;border-bottom: none;background: #DDE;text-decoration: none;}
#MyAptSubNavList li a:link { color: #448; font-size:1.45em;}
#MyAptSubNavList li a:visited { color: #667;font-size:1.45em;}
#MyAptSubNavList li a:hover{color: #000;background: #AAE;border-color: #227;font-size:1.45em;}
#MyAptSubNavList li a:focus{color: #000;background: #AAE;border-color: #227;font-size:1.45em;}
#MyAptSubNavList li a.current{background: white;border-bottom: 1px solid white;font-size:1.45em;}
/*////////////////*/
.half { width: 240px; display:inline; float:left; }
a.rounded, .buttonp, .button { outline: none; border: none;  text-decoration: none;  cursor: pointer;  white-space: nowrap;  vertical-align: middle; /* or top */  display: -moz-inline-box;  display: inline-block;  /*overflow: visible;  IE6 form button fix */}
.buttonp {  color: #fff;  background:url(../images/whiteArrow.gif) no-repeat right center #91125f;  padding: 4px 40px 4px 10px;}
.buttonb {  color: #fff;  background:url(../images/whiteArrow.gif) no-repeat right center #9d8db4;  padding: 4px 40px 4px 10px;}
.buttonp:hover { background-color: #c54d96;} 
#profmore, #newsmore, #blogsmore, #supportmore, #experiencemore {color:#FFFFFF; float:right; display:inline; margin-bottom:.5em;  font-weight:bold; font-size:.85em;}
/* LEFT NAV */ 

#nav { width:15em; display:inline; float:left; margin-top:2em; background-color:#cfd5fe; margin-left:.75em;} 
#nav a:link{ text-decoration:none; color:#00e;}
#nav a:visited{text-decoration:none;color:#551a8b;}
#nav a:hover, #nav a:focus,#nav a:active { text-decoration: underline;}
#nav h2 { font-weight:bold; margin:.5em 0; color:#FFF; background:#039; padding-left:.95em}
#nav ul { margin-left: .95em;}
#nav ul li { padding: .15em 0 .15em .95em;}
li.hassubs { background:url(../images/arrowdownV.gif) no-repeat top left;}
.arrowright {background:url(../images/arrowdownV.gif) no-repeat top left;}
a.hassubs { background:none;}
.arrowup {background:url(../images/arrowselected.gif) no-repeat top left;} /* animated */
.hiddenlinks { display:none; }
#itsSelected { color:#fff; text-decoration:underline; background-color:#FFFFFF; }

/* footer */
#footer { width:59em; background:#3f2c60;  color:#FFF; padding:1.25em .5px; margin-top:1em;}
/*#footer span {background: url(../images/bkTopLeftCurve10.gif) top left no-repeat; display:block;}*/
#footer .col { float:left;  margin:.25em 2em .25em .75em; display:inline; width:25%;}
#footer .mid {  float:left;  margin-left:6em;display:inline; width:25%;}
#footer p {line-height:1.15em; }
#footer img { margin:0 1em 1em 0;}
#hcard-Johns-Hopkins-Medicine {  float:none;}
#hcard-Johns-Hopkins-Medicine div, #hcard-Johns-Hopkins-Medicine span { display:inline;}
#footer ul { width:90%; margin:auto; text-align:center; margin-top:.25em; padding-top:1em; border-top:1px dotted #CCC;}
#footer li { display:inline; text-align: center; margin:1em; font-weight:bold;} 
#footer   a:link, #footer  a:visited {color:#FFF;text-decoration:none; } #footer li a:visited {color:#CCC;text-decoration:none;}
#footer a:hover, #footer   a:focus, #footer   a:active {  text-decoration:underline;}
#footer   a:link.dotted, #footer  a:visited.dotted { text-decoration:underline;}
#footer   a:hover.dotted, #footer,  a:focus.dotted, a:focus.active { text-decoration:none;}
#bookface { margin:auto; width:850px;}
.copy { margin:auto; text-align:center; padding-top:.5em; padding-bottom:.5em;}
/* COMP ONLY STYLES */
#breadCrumb {display:none;}

div.curves { background: #999999 url(../images/bkTopLeftCurve10.gif) top left no-repeat;}
div.curves span {display: block; /* sets all spans inside p to block, so only need this once */
background: url(../images/bkTopRightCurve10.gif) top right no-repeat;}
div.curves span span {background: url(../images/bkBotRightCurve10.gif) bottom right no-repeat;}
div.curves span span span {padding: 2em;height: 0; /* fixes a padding bug in IE */	background: url(../images/bkBotLeftCurve10.gif) bottom left no-repeat;	}
div.curves span span > span {height: auto; /* sets the height back to auto for all other browsers */}

/*style from the old site (RJ)*/
.FundsBoxTitle { background-color:#990099; color: white; text-align:center; font-size:16px; font-weight: bold; padding: 4px; margin: 0 0 5px 0; font-family:Arial, Helvetica, sans-serif; height: 40px; }
.FundsBox { padding: 4px; border: 2px solid #990099; margin: 0 0 5px 0; font-family:Arial, Helvetica, sans-serif; }
.FundsText { color: #003399; font-size:11px; vertical-align:middle; margin: 30px 0 0 0; }
.FundsImage { display:inline; float:left; border: 0px solid #000000; margin: 0 7px 0 0; }
.smBox { padding: 4px; border: 2px solid #CC99FF; margin: 0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }


/*

hr { background-color: #909; }
dt { font-weight: bold; padding-left: 10px; }
h3 { line-height: 80%; }
#surgeons { padding: 5px; }
.DocPhotos { vertical-align:top; }
.inst { text-align: left; padding: 5px 5px 5px 5px; }
.contact { font-size: 12px; }
.red { color: #990000; font-weight: bold; float: none; vertical-align:top; font-size:14px; }
.NoFloat{ float: none; padding: 0; margin: 0; vertical-align:bottom; }
.descTxt { font-size:.95em; }
li { margin-left:2em; }
.grey { color: #666666; text-align:center; }
.margin50 { margin-left:50px; }
.margin100{ margin-left:100px; }
.center { text-align:center; }
#figs { float:right; width:220px; padding:5px; margin:5px; font-size:.85em; color:#666; }
#figs img { border:none; }
#figs p { text-align:center;}
.jhuAndYou { background-color:#7685D6;}
.PtEd { background-color:#9292eb; }
.supportServices { background-color:#b4c8f5;}
.MedProfessionals {background-color:#C163C1;}
.EdMaterials {background-color:#c490c4}
li { list-style-type:none;}
.smcontainer { float:left; display:inline;}
.heading { font-weight:bold; padding-top:10px; }
.sublist { margin-left:20px; }
*/