﻿/*/////////////////////////////////////////////
	Walton Regional Medical Center
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	Design by Brandon Kidd

	Home Stylesheet
/////////////////////////////////////////////*/

/*-- Structure --*/
#top{ height: 460px; position: relative; }
#main_inner{ overflow: hidden; padding: 0 0 2em; }
#column-left{ width: 590px; display: inline; float: left; }
#column-right{ width: 350px; display: inline; float: right; }

/*-- Marquee --*/
#marquee-pager{ position: absolute; right: 206px; top: 415px; z-index: 28; }
#marquee-pager a{ width: 20px; height: 20px; background: transparent url(/ClientResources/Images/bg-marqueepager.gif) no-repeat center top; color: #aaa; display: inline; float: left; font-size: 14px; line-height: 20px; margin: 0 0 0 10px; text-align: center; text-decoration: none; }
#marquee-pager a:hover{ color: #2189b4; }
#marquee-pager a.activeSlide, #marquee-pager a.activeSlide:hover{ background-image: url(/ClientResources/Images/bg-marqueepager_sel.gif); color: #2189b4; }
#marquee-wrap{ width: 948px; height: 306px; position: relative; margin: 14px auto 0; overflow: hidden; z-index: 25; }
#marquee-wrap .marquee{ width: 948px; height: 306px; background: transparent no-repeat center top; }
#marquee-wrap .marquee img{ margin: -999999em; }
#marquee-wrap #marquee-slide1{ background-image: url(/ClientResources/Images/marquee-slide1.jpg); }
#marquee-wrap #marquee-slide2{ background-image: url(/ClientResources/Images/marquee-slide2.jpg); }
#marquee-wrap #marquee-slide3{ background-image: url(/ClientResources/Images/marquee-slide3.jpg); }
#marquee-wrap #marquee-slide4{ background-image: url(/ClientResources/Images/marquee-slide4.jpg); }
#marquee-wrap #marquee-slide5{ background-image: url(/ClientResources/Images/marquee-slide5.jpg); }

/*-- Main Content --*/
#main_content{ width: 590px; display: inline; float: left; }

/*-- Quick Links --*/
#quicklinks{ width: 590px; position: relative; background: transparent url(/ClientResources/Images/bg-quicklinks-home.gif) no-repeat center top; display: inline; float: left; padding: 1em 0 0; }
#quicklinks h2{ width: 54px; height: 41px; position: absolute; left: 14px; top: 20px; background: transparent url(/ClientResources/Images/h2-quicklinks.gif) no-repeat center top; overflow: hidden; text-indent: -99999em; }
#quicklinks div{ width: 590px; background: transparent url(/ClientResources/Images/bg-quicklinks_div-home.gif) no-repeat center bottom; overflow: hidden; padding: 0 0 1em; }
#quicklinks ul{ display: inline; float: left; list-style: none; margin: 0 0 0 10em; }
#quicklinks ul li{ width: 140px; height: 16px; background: transparent url(/ClientResources/Images/bullet-quicklinks.gif) no-repeat left 0.5em; display: inline; float: left; line-height: 1.6em; margin: 0.25em 0; padding: 0 0 0 1em; }
#quicklinks ul li a{ color: #34a6d2; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#quicklinks ul li a:hover, #quicklinks ul li a:focus{ color: #18556e; text-decoration: underline; }

/*-- MidWidget --*/
#midwidget{ width: 590px; position: relative; background: transparent url(/ClientResources/Images/bg-tabcontrols.gif) no-repeat center top; border-bottom: solid 1px #c0dbe6; display: inline; float: left; margin: 2em 0 0; padding: 0 0 10px; }
#midwidget .widget h3{ height: 35px; position: absolute; top: 0px; background: transparent no-repeat center top; cursor: pointer; display: block; overflow: hidden; text-indent: -99999em; }
#midwidget .widget h3.hover{ background-position: center -35px; }
#midwidget #mw-latestnews h3{ width: 132px; left: 0px; background-image: url(/ClientResources/Images/tab-latestnews.gif); }
#midwidget #mw-findphysician h3{ width: 175px; left: 132px; background-image: url(/ClientResources/Images/tab-findphysician.gif); }
#midwidget #mw-careercenter h3{ width: 173px; left: 307px; background-image: url(/ClientResources/Images/tab-careercenter.gif); }
#midwidget .widget .mw-information{ min-height: 100px; background: transparent no-repeat 11px 48px; display: none; padding: 51px 11px 0 150px; }
#midwidget #mw-latestnews .mw-information{ background-image: url(/ClientResources/Images/thumb_tab-latestnews.jpg); }
#midwidget #mw-findphysician .mw-information{ background-image: url(/ClientResources/Images/thumb_tab-findphysician.jpg); }
#midwidget #mw-careercenter .mw-information{ background-image: url(/ClientResources/Images/thumb_tab-careercenter.jpg); }
#midwidget .selected h3, #midwidget .selected h3.hover{ background-position: center bottom; }
#midwidget .selected .mw-information{ display: block; }
#midwidget #mw-latestnews ul li{ background: transparent url(/ClientResources/Images/bullet-tabcontrol.gif) no-repeat left 0.583em; color: #137da6; font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin: 0.25em 0; padding: 0 0 0 0.833em; }
#midwidget #mw-latestnews ul li a{ color: #34a6d2; font-size: 0.91667em; font-style: italic; font-weight: normal; text-decoration: none; }
#midwidget #mw-latestnews ul li a:hover, #midwidget #mw-latestnews ul li a:focus{ color: #666; text-decoration: underline; }
#midwidget #mw-findphysician .field{ width: 100%; display: inline; float: left; margin: 0 0 0.5em; }
#midwidget #mw-findphysician .field label{ width: 150px; color: #137da6; display: inline; float: left; font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
#midwidget #mw-findphysician .field input{ width: 200px; }
#midwidget #mw-findphysician .field select{ width: 205px; }
#midwidget #mw-findphysician a{ width: 64px; height: 24px; background: transparent url(/ClientResources/Images/btn-search.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#midwidget #mw-findphysician a:hover, #midwidget #mw-findphysician a:focus{ background-position: center bottom; }
#midwidget #mw-careercenter p{ color: #666; font-size: 1.1em; line-height: 1.5em; }
#midwidget #mw-careercenter .search{ width: 100%; border-bottom: dotted 1px #137da6; display: inline; float: left; margin: 1em 0 0.5em; padding: 0 0 1em; }
#midwidget #mw-careercenter .search select{ width: 200px; display: inline; float: left; margin: 2px 5px 2px 0; }
#midwidget #mw-careercenter .search a{ width: 64px; height: 24px; background: transparent url(/ClientResources/Images/btn-search.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#midwidget #mw-careercenter .search a:hover, #midwidget #mw-careercenter .search a:focus{ background-position: center bottom; }
#midwidget #mw-careercenter #recentjobs-wrap{ width: 385px; height: 55px; position: relative; display: inline; float: left; overflow: hidden; margin: 0 22px; }
#midwidget #mw-careercenter #recentjobs-wrap h4{ color: #18556e; font-size: 1.3em; font-weight: bold; line-height: 1.25em; margin: 0.25em 0; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs{ width: 20000em; position: absolute; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job{ width: 385px; color: #666; display: inline; float: left; font-size: 1.1em; line-height: 1.25em; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job strong{ color: #333; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job a.job-title{ font-size: 1.2em; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job a{ color: #137da6; text-decoration: none; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job .job-category a{ color: #666; }
#midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job a:hover, #midwidget #mw-careercenter #recentjobs-wrap #recentjobs .job a:focus{ color: #18556e; text-decoration: underline; }
#midwidget #mw-careercenter .button{ width: 17px; height: 17px; position: absolute; top: 165px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#midwidget #mw-careercenter .button:hover, #midwidget #mw-careercenter .button:focus{ background-position: center bottom; }
#midwidget #mw-careercenter .btn-prev{ left: 150px; background-image: url(/ClientResources/Images/btn-career-left.gif); }
#midwidget #mw-careercenter .btn-next{ right: 11px; background-image: url(/ClientResources/Images/btn-career-right.gif); }

/*-- CTA Buttons --*/
#ctabuttons-wrap{ width: 590px; height: 90px; position: relative; display: inline; float: left; margin: 2em 0 0; }
#ctabuttons-wrap .button{ width: 25px; height: 25px; position: absolute; top: 33px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#ctabuttons-wrap .button:hover, #ctabuttons-wrap .button:focus{ background-position: center bottom; }
#ctabuttons-wrap .btn-next{ right: 0; background-image: url(/ClientResources/Images/btn-scrollright.gif); }
#ctabuttons-wrap .btn-prev{ left: 0; background-image: url(/ClientResources/Images/btn-scrollleft.gif); }
#ctabuttons-wrap #ctabuttons{ width: 510px; height: 90px; position: relative; display: inline; float: left; overflow: hidden; margin: 0 40px; }
#ctabuttons-wrap #ctabuttons .ctas{ width: 20000em; position: absolute; display: inline; list-style: none; }
#ctabuttons-wrap #ctabuttons .ctas li{ display: inline; float: left; }
#ctabuttons-wrap #ctabuttons .ctas li a{ width: 160px; height: 90px; background: transparent no-repeat center top; display: inline; float: left; margin: 0 15px 0 0; overflow: hidden; text-indent: -99999em; }
#ctabuttons-wrap #ctabuttons .ctas li a.cta-billpay{ background-image: url(/ClientResources/Images/cta-billpay.jpg); }
#ctabuttons-wrap #ctabuttons .ctas li a.cta-preregistration{ background-image: url(/ClientResources/Images/cta-preregistration.jpg); }
#ctabuttons-wrap #ctabuttons .ctas li a.cta-samedaysurgery{ background-image: url(/ClientResources/Images/cta-samedaysurgery.jpg); }
#ctabuttons-wrap #ctabuttons .ctas li a.cta-healthworks{ background-image: url(/ClientResources/Images/cta-healthworks.jpg); }
#ctabuttons-wrap #ctabuttons .ctas li a.cta-onlinenursery{ background-image: url(/ClientResources/Images/cta-onlinenursery.jpg); }

/*-- Featured Physician --*/
#featuredphysician{ width: 328px; background: transparent url(/ClientResources/Images/bg-featuredphysician.gif) no-repeat center top; border-bottom: solid 1px #c0dbe6; display: inline; float: right; margin: 0 0 15px; padding: 7px 11px 11px; }
#featuredphysician h2{ color: #18556e; font-size: 1.8em; font-weight: normal; line-height: 1.5em; }
#featuredphysician .photo{ width: 120px; height: 140px; background: transparent url(/ClientResources/Images/bg-ftrphysphoto.gif) no-repeat center top; display: inline; float: left; margin: 5px 0 0; padding: 10px; }
#featuredphysician .bio{ width: 180px; display: inline; float: right; margin: 5px 0 0; }
#featuredphysician .bio h3{ color: #2189b4; font-size: 1.6em; font-weight: bold; line-height: 1.25em; margin: 0.25em 0; }
#featuredphysician .bio p{ color: #666; font-size: 1.1em; line-height: 1.5em; margin: 0 0 1.25em; }
#featuredphysician .bio a{ width: 90px; height: 24px; background: transparent url(/ClientResources/Images/btn-learnmore.gif) no-repeat center top; display: inline; float: left; margin: 0.25em 0; overflow: hidden; text-indent: -99999em; }
#featuredphysician .bio a:hover, #featuredphysician .bio a:focus{ background-position: center bottom; }

/*-- Cuddlebugs --*/
.cta-cuddlebugs{ width: 290px; height: 108px; background: transparent url(/Resources/Common/Images/cta-cuddlebugs.jpg) no-repeat center top; display: block; margin: 0 auto; overflow: hidden; text-indent: -999999em; }

/*-- Video Library --*/
#videolibrary{ width: 328px; position: relative; background: transparent url(/ClientResources/Images/bg-videolibrary.gif) no-repeat center top; border-bottom: solid 1px #ccc; display: inline; float: right; margin: 2em 0 0; padding: 7px 11px 11px; }
#videolibrary h2{ color: #454545; font-size: 1.8em; font-weight: normal; line-height: 1.5em; }
#videolibrary .btn-next{ width: 19px; height: 19px; position: absolute; left: 166px; bottom: -8px; background: transparent url(/ClientResources/Images/btn-nextvideo.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#videolibrary .btn-next:hover, #videolibrary .btn-next:focus{ background-position: center bottom; }
#videolibrary #videos-wrap{ width: 328px; height: 220px; position: relative; display: inline; float: left; margin: 1.5em 0 0; overflow: hidden; }
#videolibrary #videos-wrap .videos{ height: 20000em; position: absolute; }
#videolibrary #videos-wrap .videos .video{ width: 328px; display: inline; float: left; margin: 0 0 10px; }
#videolibrary #videos-wrap .videos .video h3{ font-size: 1.6em; font-weight: bold; line-height: 1.5em; margin: 0.25em 0 0; }
#videolibrary #videos-wrap .videos .video h3 a{ color: #2189b4; text-decoration: none; }
#videolibrary #videos-wrap .videos .video h3 a:hover, #videolibrary #videos-wrap .videos .video h3 a:focus{ color: #666; }
#videolibrary #videos-wrap .videos .video img{ display: inline; float: left; }
#videolibrary #videos-wrap .videos .video p{ color: #666; font-size: 1.1em; line-height: 1.5em; }

/*-- 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; }
