﻿/*/////////////////////////////////////////////
	Peace River Regional Medical Center
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	Design by Brandon Kidd

	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: 960px; height: 130px; position: relative; margin: 0 auto; }
#promos li{ display: inline; }
#promos li a{ width: 80px; 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: #49a183; color: #fff; }
#promos li.ecards a{ left: 4px; }
#promos li.billpay a{ left: 255px; }
#promos li.preregistration a{ left: 490px; }
#promos li.giftshop a{ left: 725px; }

/*--- Welcome ---*/
#welcome{ width: 600px; display: inline; float: left; }
#welcome h1{ color: #5188bb; 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: 150px; 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; display: inline; float: right; }
#latestnews .articles{ width: 294px; background: #e7f3ff; display: inline; float: left; overflow: hidden; }
#latestnews .articles h2{ width: 284px; background: #9fc7ec; 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: #4b88bf; 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: #48a183; 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: #4b88bf; 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: #49a183; 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: #4b88bf; 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: #48a183; 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: #48a183; 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-physicianaccess{ width: 280px; height: 45px; background: transparent url(/ClientResources/Images/btn-physicianaccess.gif) no-repeat center top; display: inline; float: right; margin: 5px 20px; overflow: hidden; text-indent: -99999em; }

/*-- Accolades --*/
#accolades{ width: 300px; display: inline; float: right; margin: 15px 0 0; }
#accolades a{ display: inline; float: left; margin: 5px 10px 15px; }

/*-- Konami --*/
.konami{ width: 320px; height: 320px; position: absolute; left: 50%; top: 50%; background: transparent url(/ClientResources/Images/konami.png) no-repeat center top; display: block; margin: -160px 0 0 -160px; overflow: hidden; text-indent: -99999em; z-index: 2000; }
