﻿/* CSS for Intermountain Healthcare 
	Function: Layout and local formatting for all elements in article pages
	Scope: All article pages on intermountainhealthcare.org
*/
/*Blue Button*/
a.ih-button {background:#b2bec8 url(/images/lyt/bg-ih-button.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Green Button*/
a.ih-button-green {background:#8dc640 url(/images/lyt/bg-ih-button-green.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Brown Button*/
a.ih-button-brown {background:#734338 url(/images/lyt/bg-ih-button-brown.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Yellow Button*/
a.ih-button-yellow {background:#f0af21 url(/images/lyt/bg-ih-button-yellow.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}
/*Red Button*/
a.ih-button-red {background:#b1222a url(/images/lyt/bg-ih-button-red.gif) repeat-x 0 100% !important; color:#fff !important; font-family:Verdana; padding:3px 7px 5px; border:0; width:auto; overflow:visible;}


/*Button Hover*/
a.ih-button:hover,
a.ih-button-green:hover,
a.ih-button-brown:hover,
a.ih-button-yellow:hover,
a.ih-button-red:hover{ color:#e0e0e0 !important; text-decoration:none !important; }


.ih-js #WebPartZoneRight {display:none;}
.ih-callout {border:1px solid #EFE9D9; float:right; width:240px; margin: 0 0 20px 20px; background:#fff;}
.ih-callout p {margin:3px; padding:15px; background:#F8F5EE; font:italic normal 150%/140% "Georgia", "Times New Roman", Times, serif; color:#8f877a;}
.ih-rightCol {width:255px; margin:0 0 15px 15px; float:right;}
.ih-mediaWrap240 {float:none; width:255px;}
a.wmp{background: url(/images/wmp.gif) left center no-repeat;padding: 5px 0 5px 25px;}
a.mp4{background: url(/images/appleMP4.gif) left center no-repeat;padding: 5px 0 5px 25px;}

.kidsHealthFooter {text-align:center; font-size:.65em;}

/* Alert Message */
.alertMessageRed{/*  display: none;*/  background: #ff3a17;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;   border-radius: 8px; padding: 3px;  margin: 24px 0;}
.alertMessageRed .inner h3{color: #ffffff !important;}
.alertMessageRed .inner p{color: #ffffff !important;}
.alertMessageRed .inner{background: #ff3a17 url(images/alert_Red.png) 15px center no-repeat;  color: #ffffff;  border: 2px solid #ffffff;	  -moz-border-radius: 6px;   -webkit-border-radius: 6px;  border-radius: 6px;  padding: 24px 24px 24px 128px;}
.alertMessageRed .inner a{  color: #ffffff;  text-decoration: underline;   font-weight:bold;}
.alertMessageRed .inner a:hover{  color: #fbbeb3 !important;   text-decoration:none;  font-weight:bold;}

.alertMessageYellow{/*  display: none;*/  background: #fbdc31;  -moz-border-radius: 8px;   -webkit-border-radius: 8px;   border-radius: 8px;   padding: 3px;  margin: 24px 0;}
.alertMessageYellow .inner h3{color: #000000 !important;}
.alertMessageYellow .inner p{color: #000000 !important;}
.alertMessageYellow .inner{background: #fbdc31 url(images/alert_Yellow.png) 15px center no-repeat;  color: #000000;  border: 2px solid #000000;  -moz-border-radius: 6px;   -webkit-border-radius: 6px;   border-radius: 6px;  padding: 24px 24px 24px 128px;}
.alertMessageYellow .inner a{  color: #000000;  text-decoration: underline;   font-weight:bold;}
.alertMessageYellow .inner a:hover{  color: #333333 !important;   text-decoration:none;  font-weight:bold;	}

.alertMessageGreen{/*  display: none;*/  background: #228b22;  -moz-border-radius: 8px;   -webkit-border-radius: 8px;   border-radius: 8px;   padding: 3px;  margin: 24px 0;}
.alertMessageGreen .inner h3{color: #ffffff !important;}
.alertMessageGreen .inner p{color: #ffffff !important;}
.alertMessageGreen .inner{  background: #228b22 url(images/alert_Green.png) 15px center no-repeat;  color: #ffffff;  border: 2px solid #ffffff;	  -moz-border-radius: 6px;   -webkit-border-radius: 6px;   border-radius: 6px;   padding: 24px 24px 24px 128px;}
.alertMessageGreen .inner a{  color: #ffffff;  text-decoration: underline;   font-weight:bold;}
.alertMessageGreen .inner a:hover{   color: #b5ffb5 !important;   text-decoration:none;  font-weight:bold;	}

.alertMessageBlue{/*  display: none;*/  background: #6f9ce0;  -moz-border-radius: 8px;   -webkit-border-radius: 8px;   border-radius: 8px;   padding: 3px;  margin: 24px 0;}
.alertMessageBlue .inner h3{color: #ffffff !important;}
.alertMessageBlue .inner p{color: #ffffff !important;}
.alertMessageBlue .inner{background: #6f9ce0 url(images/alert_Blue.png) 15px center no-repeat;  color: #ffffff;  border: 2px solid #ffffff;  -moz-border-radius: 6px;   -webkit-border-radius: 6px;   border-radius: 6px;   padding: 24px 24px 24px 128px;}
.alertMessageBlue .inner a{  color: #ffffff;  text-decoration: underline;   font-weight:bold;}
.alertMessageBlue .inner a:hover{  color: #bbd5fc !important;   text-decoration:none;  font-weight:bold;	}

div.ih-redirect span.ih-redirecturl{display:inline-block;width:84%;}
div.odd{background-color: #E9EEF2;}
div.even{background-color:white};


