/*/////////////////////////////////////////////
	St. Cloud Regional Medical Center
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	HTML & CSS by Matthew Jorgensen

	Home Stylesheet
/////////////////////////////////////////////*/

/*--- Structure ---*/
#wrapper{ background-image: url(/ClientResources/Images/bg-wrapper_home.gif); }
#wrap{ background-image: url(/ClientResources/Images/bg-wrap_home.jpg); }
#marquee-wrap{ width: 960px; height: 270px; position: relative; margin: 0 auto 110px; z-index: 15; }
#promos-wrap{ width: 100%; height: 130px; position: absolute; left: 0; top: 398px; background: transparent url(/ClientResources/Images/bg-promos-wrap.png) no-repeat center top; z-index: 18; }
#content{ width: 920px; position: relative; margin: 0 auto; padding: 0 20px 10px; z-index: 10; }
#footer-wrap{ background-image: url(/ClientResources/Images/bg-footerwrap_home.jpg); }

/*--- Marquee ---*/
#marquee{ width: 960px; height: 270px; overflow: hidden; z-index: 10; }
#marquee-pager{ width: 110px; height: 230px; position: absolute; left: 836px; top: 8px; overflow: hidden; z-index: 15; }
#marquee-pager a{ width: 110px; height: 70px; display: inline; float: left; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; }

/*--- Promos ---*/
#promos{ width: 972px; height: 130px; position: relative; margin: 0 auto; }
#promos li{ display: inline; }
#promos li.cta a{ width: 81px; height: 20px; position: absolute; top: 100px; background: #f9f7c5; color: #666; font-size: 1em; font-weight: bold; line-height: 2em; text-align: center; text-decoration: none; }
#promos li a:hover, #promos li a:focus{ background: #4b88c0; color: #fff; }
#promos li.findaphysician a{ left: 10px; }
#promos li.billpay a{ left: 261px; }
#promos li.preregistration a{ left: 496px; }
#promos li.careercentercta a{ left: 731px; }

/*--- Welcome ---*/
#welcome{ width: 600px; display: inline; float: left; }
#welcome h1{ color: #10499e; font-size: 2.4em; font-weight: normal; line-height: 1.25em; margin: 0 0 5px; }

/*--- Quick Links ---*/
#quicklinks{ width: 590px; height: 60px; position: relative; background: transparent url(/ClientResources/Images/bg-quicklinks.gif) no-repeat center top; display: inline; float: left; margin: 0; overflow: hidden; padding: 10px 0 10px 10px; }
#quicklinks h2{ width: 40px; height: 40px; color: #757575; display: inline; float: left; font-size: 1.8em; font-weight: normal; line-height: 1.15em; margin: 0 40px 0 0; padding: 10px; }
#quicklinks ul li{ width: 235px; background: transparent url(/ClientResources/Images/bullet-quicklinks.gif) no-repeat left; display: inline; float: left; font-size: 1.2em; line-height: 1.65em; padding: 0 0 0 10px; }
#quicklinks ul li a{ color: #a59a6b; font-weight: bold; text-decoration: none; }
#quicklinks ul li a:hover, #quicklinks ul li a:focus{ color: #666; text-decoration: underline; }

/*--- Latest News ---*/
#latestnews{ border: double 3px #e7f3ff; clear: right; display: inline; float: right; }
#latestnews .articles{ width: 280px; background: #e7f3ff; display: inline; float: left; overflow: hidden; }
#latestnews .articles h2{ width: 270px; background: #10499e; color: #fff; display: inline; float: left; font-size: 1.8em; font-weight: normal; line-height: 1.65em; margin: 0 0 0.5em; padding: 0 5px; }
#latestnews .articles ul{ padding: 10px 10px 0; }
#latestnews .articles ul li{ color: #666; font-size: 1.1em; font-style: italic; line-height: 1.5em; margin: 0 0 1em; }
#latestnews .articles ul li span{ display: block; }
#latestnews .articles ul li a{ color: #10499e; font-size: 1.09em; font-style: normal; font-weight: bold; text-decoration: none; }
#latestnews .articles ul li a:hover, #latestnews .articles ul li a:focus{ color: #4b88c0; text-decoration: underline; }
#latestnews .articles .btn-viewall{ width: 94px; height: 30px; background: transparent url(/ClientResources/Images/btn-viewnews.gif) no-repeat center top; display: inline; float: left; margin: 0 0 10px 10px; overflow: hidden; text-indent: -99999em; }
#latestnews .articles .btn-viewall:hover, #latestnews .articles .btn-viewall:focus{ background-position: center bottom; }

/*--- Widget ---*/
#widget{ width: 594px; position: relative; background: #e1d8af; border: double 3px #f3edd1; display: inline; float: left; margin: 20px 0 0; overflow: hidden; }
#widget .tab h2{ width: 160px; height: 30px; position: absolute; top: 0px; color: #a59a6b; cursor: pointer; display: block; font-size: 1.8em; font-weight: normal; line-height: 30px; text-align: center !important; z-index: 10; }
#widget .tab h2.hover{ color: #fff; }
#widget #upcomingevents.tab h2{ left: 0px; }
#widget #careercenter.tab h2{ left: 160px; }
#widget #findaphysician.tab h2{ left: 320px; }
#widget .tab .details{ width: 438px; min-height: 96px; position: relative; background: #f3edd1 no-repeat 10px 10px; display: none; float: left; margin: 30px 0 0; padding: 10px 10px 10px 146px; }
#widget .tab .details p{ font-size: 1.1em; line-height: 1.5em; margin: 0 0 0.5em; }
#widget #upcomingevents.tab .details{ background-image: url(/ClientResources/Images/bg-upcomingevents.jpg); }
#widget #upcomingevents.tab .details ul li{ color: #666; font-size: 1.1em; line-height: 1.75em; }
#widget #upcomingevents.tab .details ul li a{ color: #10499e; font-size: 1.09em; font-weight: bold; text-decoration: none; }
#widget #upcomingevents.tab .details ul li a:hover, #widget #upcomingevents.tab .details ul li a:focus{ color: #666; text-decoration: underline; }
#widget #upcomingevents.tab .details .btn-viewall{ width: 96px; height: 30px; background: transparent url(/ClientResources/Images/btn-viewevents.gif) no-repeat center top; display: inline; float: left; margin: 10px 0 0; overflow: hidden; text-indent: -99999em; }
#widget #upcomingevents.tab .details .btn-viewall:hover, #widget #upcomingevents.tab .details .btn-viewall:focus{ background-position: center bottom; }
#widget #careercenter.tab .details{ background-image: url(/ClientResources/Images/bg-careercenter.jpg); }
#widget #careercenter.tab .details .search select{ width: 240px; color: #454545; display: inline; float: left; font-size: 1.2em; margin: 5px 0 0; }
#widget #careercenter.tab .details .search a{ width: 56px; height: 30px; background: transparent url(/ClientResources/Images/btn-search.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#widget #careercenter.tab .details .search a:hover, #widget #careercenter.tab .details .search a:focus{ background-position: center bottom; }
#widget #careercenter.tab .details .button{ width: 30px; height: 30px; position: absolute; top: 125px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#widget #careercenter.tab .details .button:hover, #widget #careercenter.tab .details .button:focus{ background-position: center bottom; }
#widget #careercenter.tab .details .btn-prev{ left: 110px; background-image: url(/ClientResources/Images/btn-back.gif); }
#widget #careercenter.tab .details .btn-next{ right: 5px; background-image: url(/ClientResources/Images/btn-next.gif); }
#widget #careercenter.tab .details #recentjobs-wrap{ width: 408px; height: 60px; position: relative; border-top: 1px solid #e1d8af; display: inline; float: left; margin: 5px 30px 0 0; overflow: hidden; padding: 5px 0 0; }
#widget #careercenter.tab .details #recentjobs-wrap #recentjobs{ width: 20000em; position: absolute; }
#widget #careercenter.tab .details #recentjobs-wrap h3{ color: #10499e; font-size: 1.6em; font-weight: normal; line-height: 1.5em; }
#widget #careercenter.tab .details #recentjobs-wrap .job{ width: 408px; color: #666; display: inline; float: left; font-size: 1.2em; line-height: 1.5em; }
#widget #careercenter.tab .details #recentjobs-wrap .job .job-title{ color: #10499e; font-weight: bold; text-decoration: none; }
#widget #careercenter.tab .details #recentjobs-wrap .job .job-title:hover, #widget #careercenter.tab .details #recentjobs-wrap .job .job-title:focus{ color: #4b88c0; text-decoration: underline; }
#widget #careercenter.tab .details #recentjobs-wrap .job .job-category{ font-size: 0.92em; }
#widget #careercenter.tab .details #recentjobs-wrap .job .job-category a{ color: #666; text-decoration: none; }
#widget #careercenter.tab .details #recentjobs-wrap .job .job-category a:hover, #widget #careercenter.tab .details #recentjobs-wrap .job .job-category a:focus{ color: #4b88c0; text-decoration: underline; }
#widget #findaphysician.tab .details{ background-image: url(/ClientResources/Images/bg-findaphysician.jpg); }
#widget #findaphysician.tab .details .field{ width: 438px; display: inline; float: left; }
#widget #findaphysician.tab .details .field label, #widget #findaphysician.tab .details .field select, #widget #findaphysician.tab .details .field input{ display: inline; float: left; }
#widget #findaphysician.tab .details .field label{ width: 150px; color: #a59a6b; font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin: 0 0 5px; }
#widget #findaphysician.tab .details .field select, #widget #findaphysician.tab .details .field input{ width: 250px; color: #454545; font-size: 1.2em; margin: 0 0 5px 10px; }
#widget #findaphysician.tab .details a{ width: 56px; height: 30px; background: transparent url(/ClientResources/Images/btn-search.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#widget #findaphysician.tab .details a:hover, #widget #findaphysician.tab .details a:focus{ background-position: center bottom; }
#widget .selected h2{ background: #f3edd1; z-index: 15; }
#widget .selected h2.hover{ color: #a59a6b; }
#widget .selected .details{ display: inline; }

/*-- Physician Access --*/
.btn_medicalaccess{ float: right; display: inline; width: 280px; height: 46px; margin: 5px 2px 10px; background: transparent url(../Images/btn_medicalaccess.gif) no-repeat; text-indent: -9999px; }
/*-- Accolades --*/
#accolades{ width: 300px; clear: right; display: inline; float: right; margin: 15px 0 0; }
#accolades a{ display: inline; float: left; margin: 5px 10px 15px; }




/* ER Wait Times */
#erwaittimes{ width: 252px; height: 130px; position: relative; display: inline; float: left; }
#erwaittimes h2{ width: 147px; height: 34px; position: absolute; left: 56px; top: 25px; background: transparent url(/ClientResources/Images/h2-erextra.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#erwaittimes .erwaittimes-links{ position: absolute; left: 14px; top: 93px; }
#erwaittimes .erwaittimes-links a{ color: #fff; font-size: 8px; text-decoration: none; width: auto !important; height: auto !important; text-indent: 0 !important; }
#erwaittimes .erwaittimes-links a:hover{ color: #fff; text-decoration: underline; }
#erwaittimes .erwaittimes-locations{ width: 225px; position: absolute; top: 65px; left: 14px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 0; }
 #erwaittimes .erwaittimes-locations span{ display: inline; float: left; }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-name{ width: 150px; color: #fff; font-size: 14px; font-weight: bold; margin: 6px 10px 4px 5px; text-align: right; }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-time{ color: #e92824; font-size: 23px; font-weight: bold; }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-label{ color: #fff; font-size: 14px; margin: 8px 0 0 5px; }
 #erwaittimes div.erwaittimes-links ul li{ margin: 0 0 0 9px !important; padding: 0 0 0 18px !important; }
 #erwaittimes .erwaittimes-links ul li.er-whats-this{ margin: 0 0 0 3px !important; }
 #erwaittimes .erwaittimes-links ul li div.er-tooltip a{ color: #2189c0; }
 #erwaittimes .erwaittimes-links ul li div.er-tooltip a:hover{ color: #666; text-decoration: underline; }
 #erwaittimes .erwaittimes-links ul li.er-maps-directions div.er-tooltip{ width: 283px !important; left: -185px !important; }
 #erwaittimes .erwaittimes-links ul li.er-maps-directions div.er-tooltip h4{ width: 283px !important; background-position: 216px top !important; }
 body div#erwaittimes div.erwaittimes-links ul li.er-whats-this div.er-tooltip{ left: -25px; }
 body div#erwaittimes div.erwaittimes-links ul li.er-whats-this div.er-tooltip h4{ background-position: 49px top; }
 body div#erwaittimes div.erwaittimes-links ul li.er-last-updated div.er-tooltip{ left: -91px; }
 body div#erwaittimes div.erwaittimes-links ul li.er-last-updated div.er-tooltip h4{ background-position: 107px top; }