/* body{ 
font-family: Arial,'Helvetica Neue', sans-serif; 
font-size: 62.5%; 
background:#BAD7F5 url(/Portals/0/skins/jhsmh/img/bg-body3.jpg) top no-repeat;
text-align:center;}*/



.grid_12,  .grid_8, .grid_4 {
	overflow:hidden;
}

body{ 
font-family: Arial,'Helvetica Neue', sans-serif; 
/* font-size: 62.5%; */
background:#ecedef url(/Portals/0/skins/jhsmh/img/bg_main_extender2.jpg) top repeat-y;
background-position: 50% 0;
text-align:center;
margin-top:0;}

.wrapper2 {
	width:100%;
	background:url(/Portals/0/skins/jhsmh/img/bg-body4.jpg) top no-repeat;
}

.wrapper {
	width:960px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align:left;
}

.container_12,
.container_16 {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 960px !important;
}

.rightbar{}

.Normal {
	font-family: Arial,'Helvetica Neue', sans-serif; font-size:12px;
}

a, a:link, a:visited {text-decoration:none; color:#006ed8;}
a:hover{text-decoration:underline;color:#006ed8;}
a:active{text-decoration:underline;color:#006ed8;}
a:focus {outline: 1px dotted;}

legend {
	font-weight: bold;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {color:#0b347a; font-weight:bold;font-family: Arial,'Helvetica Neue', sans-serif;}
h1 {font-size: 20px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 12px; color:#666;}
h5 {font-size: 12px; color:#000; font-style: italic;}
h6 {font-size: 11px;}

.underline {border-bottom: 1px solid #0b347a;}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {list-style: decimal;}
ul {list-style: disc;}
ul li {margin-left: 30px;list-style: disc; margin-bottom:3px;line-height: 18px;}
ol li {margin-left: 30px;list-style: decimal; margin-bottom:3px;line-height: 18px;}


/* added fix for numbers not showing in OLs */
ol li ul li {list-style-type: disc;}
ul li ol li {list-style-type: decimal;}

ul ul, ul ol, ol ul, ol ol {margin-bottom:0;}





p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 18px;}
p, dl, ol, ul, pre, table, address, fieldset, legend, li, td, th {font-size:12px;}
p {line-height: 18px;}

/* -------------------- General Styles ---------------------------------------*/
.small {font-size:10px;}
.xsmall {font-size:9px;}
.clear {clear:both;}
.center {text-align: center;}
.left  {text-align: left;}
.right  {text-align: right;}
.gray {color:#999;}
.hidden {visibility: hidden;}
.displaynone {display:none;}


div.locationcontact {background-color:#d0e9f0 !important; padding:5px; width:220px; margin-bottom:20px; border:1px solid #9dc1cf;}
#services-leftul { width:50%; float:left;}
#services-rightul{ width:50%; float:left;}

.ecardthumb {border:1px solid #a3b6c5;}

#maps-services {margin-top:30px;}

.newsdate {	border:1px solid #A1BBD4; padding:10px; width:220px;}

.trustee-table {width:600x;}
.trustee-table th, .trustee-table td {width:33%;}

.freqnumber {border:1px solid #b8d6f2 !important; border-collapse:collapse;}
.freqnumber td {width:25%;border:1px solid #b8d6f2; border-collapse:collapse;}


.rssicon {margin-top:2px; margin-right:5px; width:11px; height:11px;}
.rssiconlink {margin:0 !important; padding:0 !important; border:1 px solid #cc0000; float:right;}

/* -------------------- Images ---------------------------------------*/
img {border:0;margin:0; padding:0;}
img.imgbdr {margin:0 0 0 0; padding:1px; border: 1px solid #879099;}
img.imgright {float:right; margin:0 0 0 1em; padding:0; border:0;}
img.imgleft {float:left; margin:0 1em 0 0; padding:0;}
img.imgbdrright {float:right; margin:0 0 0 1em; padding:1px; border: 1px solid #879099;}
img.imgbdrleft {float:left; margin:0 1em 0 0; padding:0; border: 1px solid #879099;}


#headerandlogo{margin:0 0 0 0; padding:60px 0 0 0;}
#hdr-logo h1 {margin-bottom:20px;}

#searchbox {margin-top:0.6em;}
#searchinstalled-wrap{
	width:250px;
	padding:15px;
	border:2px solid #82aac7;
	background: #e4edf4;
	text-align:center;
}


.advsearchlnk {font-size:10px; margin-left:50px; margin-top:4px;}

#content {background:#f9fafb url('/Portals/0/skins/jhsmh/img/bg_3col-3.jpg') top left repeat-y;}
#content3col {background:#f9fafb url('/Portals/0/skins/jhsmh/img/bg_3col-3.jpg') top left repeat-y; }

#welcome h1 {margin-bottom:3px;font-size:16px;}
#welcome li {font-size:12px;}

/* -------------------- Footer ---------------------------------------*/
#footer {background:#18659C url('/Portals/0/skins/jhsmh/img/bg_footer.jpg') top left; padding-top:18px;}
#footer h3, #footer ul, #footer p, #footer ol, #footer ul {color:#fff; text-align:left;}
#footer h3{margin-bottom:0.5em; margin-left: 1em;}
#footer p{margin-bottom:0.5em; margin-left: 1em;}
#footer a {color:#8bb3da;}
#footer ul {list-style:none; margin-bottom:18px;}
#footer ul li {margin-left:2em;list-style:none;margin-left: 16px;line-height: 1.4em; text-align:left;}

.footercol {border-left: 1px dashed #66a5ce;}
.footercol div {
	border-bottom:0;
}

.footercol1 div, .footercol1 div div, .footercol1 div div div, .footercol1 div div div div{
	margin-bottom:0;
}


#subfooter {
	background:#000;
	padding-top:6px;
	border-top:1px solid #000;
	color:#FFF;
}

#subfooter p {margin:0 0 6px 0; font-size:11px;}
#subfooter a {color:#5d89d1; margin:0;font-size:11px;}

#lastupdated {text-align:right; font-size:10px;}

#certs img {margin-left:24px !important;margin-bottom:12px !important;}
#certs h3 {margin-left:24px; margin-bottom:24px;}


/* -------------------- Accordion ---------------------------------------*/
#accordion, ol#controls{margin-bottom:2em;}
#accordion div, #accordion div a{margin-bottom: 0 !important;}
#accordion h3{margin-bottom: 0 !important; font-family:tahoma, arial, sans-serif; font-size:11px;}
#accordion p{margin-bottom: 0 !important; font-size:12px;}
#accordion input, #accordion select, #accordion option {margin-bottom:0.5em;font-size:12px;}

#accord-findphys, #accord-findphys input, #accord-findphys select, #accord-findphys option, 
#accord-findlocation, #accord-findlocation input, #accord-findlocation select, #accord-findlocation option,
#accord-findservice, #accord-findservice input, #accord-findservice select, #accord-findservice option
{font-size: 11px}



/* -------------------- Social Media ---------------------------------------*/
.socialmedia h2 {border-bottom:1px solid #93b9d3; padding-bottom:2px; margin-bottom:1em; }

.socialicons img {
	margin-right:5px;
	margin-bottom:12px;
	float:left;
}
.socialicons2 img{
	margin-right:5px;
	margin-bottom:0;
	float:left;
}

.tdiphone {border-left:1px solid #94b9d3; vertical-align: top;}
.tdiphone img {margin-left:12px;}


/* -------------------- Tabs ---------------------------------------*/
#tabs {margin-bottom:2em;}
#tabs hr {display:none;}
#tabs p {margin-bottom:1em;}
#tabs ul {margin-bottom:0.5em;}
#tabs ul.tabheaders {margin-bottom:0;}
#tabs ul.tabheaders li {list-style:none;}
#tabs ul.tabheaders li a {padding:0.4em 1em; font-size:11px;}
#tabs .tabscorner  {margin-bottom:0;}
.tabscorner {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-bottom: 4px;
}
#tabs .tabscorner a {font-size:12px; color:#386EE4 !important; }


/* -------------------- Events and News Panes ---------------------------------------*/
.eventswrap {
	line-height:1.2;
	background:#FFFFFf;
	border: 1px solid #ff7126;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-bottom:2em;
	width:218px;
}

.eventswrap h3 {
	background-color:#ff7126;
	color:#fff;
	padding:3px 0 3px 8px;
	margin-bottom:10px;
}
.eventswrap ul li a:hover {background:#ffe3d4; text-decoration:none;height: auto;color:#ff7126; width:188px;  position:relative;}

.eventswrap ul, .newswrap ul {list-style:none;margin-bottom:10px;}
.eventswrap ul li, .newswrap ul li {margin-left: 8px;margin-right: 8px;margin-bottom:3px; padding:0;list-style:none; }
.eventswrap p, .newswraP p {text-align:center; font-weight:bold; color:#4570b8; margin-bottom:10px;}
.eventswrap li a, .newswrap li a {color:#4570b8; padding:2px 8px 2px 3px; line-height: 1.3; margin:0; position:relative; width:188px; display:block;}

.newswrap {
	line-height:1.2;
	background:#fff;
	border: 1px solid #6d2077;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-bottom:2em;
	width:218px;
}

.newswrap h3 {
	background:#6d2077;
	color:#fff;
	padding:3px 0 3px 8px;
	margin-bottom:10px;
}

.newswrap ul li a:hover {background:#e2d2e4; text-decoration:none;height: auto;color:#6d2077; width:188px; position:relative;}


/* box model fixes */
* html .frazier2wrap ul li a, * html .frazier2wrap ul li a:hover, * html .frazierwrap ul li a, * html .frazierwrap ul li a:hover, * html .newswrap ul li a, * html .newswrap ul li a:hover, * html .eventswrap ul li a, * html .eventswrap ul li a:hover {
    \width: 200px; /* for IE5 and IE6 in quirks mode */
    w\idth: 200px; /* for IE6 in standards mode */
  } 

/* hide rss img outlines in Safari */
  .newswrap h3 a, .newswrap h3 img, .eventswrap h3 a, .eventswrap h3 img {	border: none; text-decoration:none; }
  
.frazierwrap {
	line-height:1.2;
	background:#d0e9f0;
	border: 1px solid #61b3ca;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-bottom:2em;
	width:220px;
}

.frazierwrap h3 {
	background-color:#61b3ca;
	color:#fff;
	padding:3px 0 3px 8px;
	margin-bottom:10px;
}
.frazierwrap ul li a:hover {background:#3c8da4; text-decoration:none;height: auto; color:#fff; width:188px;  position:relative;}

.frazierwrap ul {list-style:none;margin-bottom:10px;}
.frazierwrap ul li {margin-left: 8px;margin-right: 8px;margin-bottom:3px; padding:0;list-style:none; }
.frazierwrap p {text-align:center; font-weight:bold; color:#3c8da4; margin-bottom:10px;}
.frazierwrap li a {color:#3c8da4; padding:2px 8px 2px 3px; line-height: 1.3; margin:0; position:relative; width:188px; display:block;}

.frazier2wrap {
	line-height:1.2;
	background:#d3ebc2;
	border: 1px solid #6acf1e;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-bottom:2em;
	width:220px;
}

.frazier2wrap h3 {
	background-color:#6acf1e;
	color:#fff;
	padding:3px 0 3px 8px;
	margin-bottom:10px;
}
.frazier2wrap ul li a:hover {background:#6acf1e; text-decoration:none;height: auto; color:#fff; width:188px;  position:relative;}

.frazier2wrap ul {list-style:none;margin-bottom:10px;}
.frazier2wrap ul li {margin-left: 8px;margin-right: 8px;margin-bottom:3px; padding:0;list-style:none; }
.frazier2wrap p {text-align:left; font-weight:bold; color:#62b524; margin:5px;}
.frazier2wrap li a {color:#62b524; padding:2px 8px 2px 3px; line-height: 1.3; margin:0; position:relative; width:188px; display:block;}


/*************** PO Resources Treeview ****************************/
#treeview table{
}

#treeview table td, .shdocmanage td{
	padding:2px 5px;
}

.tvSelected {
	font-weight:bold; background:#CCE7FB; color:navy;
}

.treeView {
	cursor: pointer;	
}

/* `Form Elements
----------------------------------------------------------------------------------------------------*/
input, select, option {color:#08347A; font-size:12px;} 
.btn_submit {font-weight:bold; font-size:11px; font-family: Tahoma,Arial,'Helvetica Neue', sans-serif;}

td.formlabel {
	text-align:right;
	padding-right:20px;
}

td.formlabelreq {
	text-align:right;
	padding-right:20px;
	font-style: italic;
	font-weight:bold
}

.watermark {color: #999 !important;}
.watermarkreq {font-style:italic !important;}		
.required {background:#dcf1f8; border:1px solid #86c0d7;}
.formerror{background:#ffeded; border:1px solid #e47373;}

.tdcaptcha input {background:#dcf1f8; border:1px solid #86c0d7;}

.contact-error, .error {
	background:#fffbd7;
	border:2px solid #cc0000;
	padding-top:12px;
	margin-bottom:12px;
}


/************* ----- TABLE ELEMENTS ----- **************/
tr.altbg td, .altbg {background:#dcf1f8;}
.altbgborder{background:#dcf1f8; border-top:1px solid #86c0d7; border-bottom:1px solid #86c0d7; border-collapse:collapse;}

td, th {vertical-align:top;}

.formtable td, td, th {padding:4px;}

.SimpleGalleryContent table th, .SimpleGalleryContent table td {padding:0;}

table.tbl_form_name, table.tbl_form_csz {margin-bottom:0;}
table.tbl_form_name td, table.tbl_form_csz td {padding:0;}




/************** YouTube Playlist styles on Media page ******************/
#ytvideo2 {
    float: left;
	margin-right:8px;
}


.yt_holder {
    background: #dfefff;
    padding: 10px;
    float: left;
    border: 1px solid #9bb1c7;
	margin-bottom:15px;
	width:454px;
	height:200px;
}

.yt_holder ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
	height:200px;
	overflow:auto;
}

.yt_holder ul li {
    list-style-type: none;
    display:block;
    background: #9bb1c7;
    float: left;
	margin:0 0 5px 0;
	padding:0;
	width:94px;
}

.yt_holder ul li img {
	width:90px;
    float: left;
    margin-right: 5px;
	display:block;
	padding:2px;
}

.yt_holder ul li a {
    font-family: georgia;
    text-decoration: none;
    display: block;
    color: #000;
}

.yt_holder .currentvideo {background: #cc0000;}	

/************** YouTube Playlist styles on Frazier one column ******************/
.yt_holder2 {
    background: #dfefff;
    padding: 10px;
    float: left;
    border: 1px solid #9bb1c7;
	margin-bottom:15px;
	width:677px;
	height:338px;
}

.yt_holder2 ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
	height:338px;
	overflow:auto;
}

.yt_holder2 ul li {
    list-style-type: none;
    display:block;
    background: #9bb1c7;
    float: left;
	margin:0 0 5px 0;
	padding:0;
	width:94px;
}

.yt_holder2 ul li img {
	width:90px;
    float: left;
    margin-right: 5px;
	display:block;
	padding:2px;
}

.yt_holder2 ul li a {
    font-family: georgia;
    text-decoration: none;
    display: block;
    color: #000;
}

.yt_holder2 .currentvideo2 {background: #cc0000;}	


/* AutoComplete flyout */

.autocomplete_completionListElement

{  
	margin : 0px!important;
	padding : 0px!important;
	background-color : #E3F0FB;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	/*height : 220px;*/
	width : 150px !important;
	border:1px solid #999;
	cursor : 'default';
	overflow : none;
   text-align : left; 
   list-style-type : none;
}

.autocomplete_completionListElement {list-style-type:none; margin:0; padding:0;}

.autocomplete_completionListElement li{list-style-type:none;  margin:0; padding:0 0 0 10px;}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem

{
	background-color: #ffffdd;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 

{
	background-color : window;
	color : windowtext;
}

/************** Twitter feed styles for .xsl on Media page ******************/
#twitterfeed {padding:5px; border:1px solid #86c0d7; background: url('/Portals/0/skins/jhsmh/img/bg-twitter.gif') no-repeat top right ;}
.DNN_News_ItemLink, .DNN_News_ItemDetails, .DNN_News_ItemDate {font-size:11px}
#twitterfeed h2{margin-bottom:12px;font-size: 14px; margin-top:50px;}
.DNN_News_ItemDate {border-top:1px solid #c2e2ef;}
.DNN_News_ItemLink {margin-bottom:10px;}


/************** Left Nav styles - Inventua ******************/
.ajax__calendar div div table td, .ajax__calendar div div table th {padding:0;}




/************** Left Nav styles - Inventua ******************/

td.MenuHdr0, td.MenuItem0, td.MenuHdr1, td.MenuItem1, td.MenuHdr2, td.MenuItem2 {padding:2px 0;}

td.MenuItem0 img, td.MenuHdr0 img {padding:0; margin:0 7px 0 0;} /* set spacings on Main Nav icons */
td.MenuItem1 img {padding:0; margin:0 7px 0 0;} /* set spacings on Admin icons */

td.MenuHdr0 a, td.MenuHdr0 a:link, td.MenuHdr0 a:visited, td.MenuHdr0 a:hover, td.MenuHdr0 a:active  {font-size: 12px; font-weight:bold;margin-left:0; padding:5px 0; text-decoration:none;}
td.MenuItem0 a, td.MenuItem0 a:link, td.MenuItem0 a:visited, td.MenuItem0 a:hover, td.MenuItem0 a:active   {font-size: 12px; font-weight:bold;margin-left:0; padding:5px 0; text-decoration:none;}

td.MenuItem1, td.MenuHdr1 {padding-left:10px;}
td.MenuHdr1 a, td.MenuHdr1 a:link, td.MenuHdr1 a:visited, td.MenuHdr1 a:hover, td.MenuHdr1 a:active
td.MenuItem1 a, td.MenuItem1 a:link, td.MenuItem1 a:visited, td.MenuItem1 a:hover, td.MenuItem1 a:active {font-size: 12px;color:navy; padding:5px 0; text-decoration:none;}

td.MenuItem2, td.MenuHdr2 {padding-left:30px;}
td.MenuHdr2 a, td.MenuHdr2 a:link, td.MenuHdr2 a:visited, td.MenuHdr2 a:hover, td.MenuHdr2 a:active
td.MenuItem2 a, td.MenuItem2 a:link, td.MenuItem2 a:visited, td.MenuItem2 a:hover, td.MenuItem2 a:active{font-size: 12px; padding:2px 0; text-decoration:none;}

/* temp for development */
td.MenuItem3, td.MenuHdr3 {padding-left:50px;}
td.MenuHdr3 a, td.MenuHdr3 a:link, td.MenuHdr3 a:visited, td.MenuHdr3 a:hover, td.MenuHdr3 a:active,
td.MenuItem3 a, td.MenuItem3 a:link, td.MenuItem3 a:visited, td.MenuItem3 a:hover, td.MenuItem3 a:active {font-size:12px; font-style:italic; padding:2px 0; text-decoration:none;}

/* temp for development */
td.MenuItem4, td.MenuHdr4 {padding-left:65px;}
td.MenuHdr4 a, td.MenuHdr4 a:link, td.MenuHdr4 a:visited, td.MenuHdr4 a:hover, td.MenuHdr4 a:active,
td.MenuItem4 a, td.MenuItem4 a:link, td.MenuItem4 a:visited, td.MenuItem4 a:hover, td.MenuItem4 a:active {font-size:11px; padding:2px 0; text-decoration:none;}



td.MenuHdr0 a:hover,td.MenuHdr1 a:hover, td.MenuHdr2 a:hover, td.MenuHdr3 a:hover,
td.MenuItem0 a:hover,td.MenuItem1 a:hover,td.MenuItem2 a:hover, td.MenuItem3 a:hover {text-decoration:underline;}



/* fix for linebreak spacing issue in top-level nav */
#invsidemenu-ContinuingMedicalEducation img {
padding-bottom:15px;
margin-top:4px;
float:left;
} 

#invsidemenu-Admin, #invsidemenu-Host, #invsidemenu-JHSMHSiteAdministration  {
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid navy;
	padding: 15px 0 0 0;
}

/* de-emphasize module title appearance */
.c_icon h1 {font-size:12px !important; color:#bbb;}


/*Watermark Extender on Friends of Frazier Wall*/
.watermarked {color: #808080;}


/*Modal Popup*/
.modalBackground{
    background-color:#333333;
    filter:alpha(opacity=85) !important;
    opacity:0.85;
    z-index:1001 !important;
}

.modalPopup{
    background-color:#FFFFFF;
    border-width:3px;
    border-style:solid;
    padding:3px;
    width:600px;
    z-index:1002 !important;
}


/* ER Wait Times tab on home page  */
#tabs-1 {
	background:pink !important;
	border:1px solid #cc0000 !important;
	background: #fff url('/Portals/0/skins/jhsmh/img/bg-er-div.jpg') left top no-repeat !important;}

#tabs-1 #tbl-er-wait-home {margin-left:130px;} 

li.li-er-tab {
	border:1px solid #cc0000 !important;
	background: #600c01 url('/Portals/0/skins/jhsmh/img/bg-er-tab.gif') left top repeat-x !important;
	color:#fff !important;}

li.li-er-tab a {color:#fff !important;	background:none;}

li.li-er-tab a:hover, li.li-er-tab:hover a {color:#fff !important;	background:none;}


li.li-er-tab:hover {background: #600c01 url('/Portals/0/skins/jhsmh/img/bg-er-tab-hover.gif') left top repeat-x !important; color:#ffffff;}
li.li-er-tab:hover a, li.li-er-tab:hover a:hover  {color:#fff !important;}

#iframe-wrapper {margin-left:143px; border:none !important;}

#hdr-logo a {margin-left:20px;}