/*==========================================
	Saint Joseph Health System - Sonoma County
	------------------------------------------
	Copyright © 2009 McMurry
	Design by Angie Thompson
	XHTML/CSS/JS by Brandon Kidd
==========================================*/

#main_inner{  }
#loader{ display: none; }

/* Marquee */
#marquee{ width: 940px; height: 160px; position: relative; background-image: url(/ClientResources/Images/marquee-generic.jpg); padding: 20px; z-index: 10; }
.about-us #marquee{ background-image: url(/ClientResources/Images/marquee-aboutus.jpg); }
.maps-directions #marquee{ background-image: url(/ClientResources/Images/marquee-mapsdirections.jpg); }
.contact-us #marquee{ background-image: url(/ClientResources/Images/marquee-contactus.jpg); }
.facilities #marquee{ background-image: url(/ClientResources/Images/marquee-facilities.jpg); }
.find-a-physician #marquee{ background-image: url(/ClientResources/Images/marquee-findaphysician.jpg); }
.services #marquee{ background-image: url(/ClientResources/Images/marquee-services.jpg); }
.patients-visitors #marquee{ background-image: url(/ClientResources/Images/marquee-patientsvisitors.jpg); }
.calendar #marquee{ background-image: url(/ClientResources/Images/marquee-calendar.jpg); }
.career-center #marquee{ background-image: url(/ClientResources/Images/marquee-careercenter.jpg); }
.giving-back #marquee{ background-image: url(/ClientResources/Images/marquee-givingback.jpg); }
.nophonepledge #marquee{ background-image: url(/ClientResources/Images/marquee-nophonepledge.jpg); }
#marquee #quicklinks{ width: 420px; display: inline; float: left; font-size: 1.1em; margin: 15px; overflow: hidden; }
#marquee #quicklinks h2{ width: 100%; border-bottom: solid 1px #68b4ae; color: #fff; display: inline; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 2em; font-weight: normal; line-height: 1.25em; margin: 0 0 10px; }
#marquee #quicklinks ul{ display: inline; float: left; overflow: hidden; }
#marquee #quicklinks ul li{ width: 196px; background: transparent url(/ClientResources/Images/bullet-quicklinks.gif) no-repeat left 0.2em; display: inline; float: left; line-height: 1.25em; margin: 0 0 0.65em; padding: 0 0 0 14px; }
#marquee #quicklinks ul li a{ color: #e3e3e3; text-decoration: none; }
#marquee #quicklinks ul li a:hover{ color: #fff266; text-decoration: underline; }

/* Main Content */
#main_content{ width: 680px; position: relative; display: inline; float: right; font-size: 1.3em; z-index: 20; }
#main_content h1{ color: #333; font-size: 2em; font-style: italic; font-weight: bold; padding: 0.25em 0; text-transform: uppercase; }
#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ font-weight: normal; line-height: 1.25em; margin: 0 0 0.25em; }
#main_content h2{ color: #666; font-family: Georgia, Times New Roman, Serif; font-size: 2em; }
#main_content h3{ color: #428d88; font-size: 1.7em; }
#main_content h4, #main_content legend{ color: #454545; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 1.55em; font-style: italic; font-variant: small-caps; font-weight: bold; }
#main_content h5{ color: #666; font-family: Georgia, Times New Roman, Serif; font-size: 1.4em; }
#main_content h6{ color: #428d88; font-size: 1.25em; }
#main_content p{ line-height: 1.5em; margin: 0 0 1em; }
#main_content a{ color: #428d88; text-decoration: none; }
#main_content a:hover{ background-color: #ffff26; color: #333; text-decoration: underline; }
#main_content a[target="_blank"]{ background-image: url(/Resources/Common/Images/Icons/opennew.gif); background-position: right 0.25em; background-repeat: no-repeat; padding: 0 12px 0 0; }
#main_content ul, #main_content ol{ line-height: 1.25em; margin: 0 0 1em; }
#main_content ul li, #main_content ol li{ margin: 0 0 0.25em; }
#main_content ul{ margin-left: 1.5em; }
#main_content ul li{ background: transparent url(/ClientResources/Images/bullet-1.gif) no-repeat left 0.3em; padding: 0 0 0 1.25em; }
#main_content ol{ margin-left: 2.75em; }
#main_content ol li{ list-style-position: outside; list-style-type: decimal; }
#main_content hr{ height: 0; background: transparent none; border: 0 none; border-bottom: dotted 2px #ccc; line-height: 0; }
#main_content fieldset{ border: solid 2px #eee; padding: 10px; }
#main_content legend{ padding: 0 0.5em; }
#main_content blockquote{ background: #eee; border-left: solid 0.5em #ccc; font-style: italic; line-height: 1.5em; margin: 0 0 1em; padding: 0.5em 0 0.5em 1em; }
#main_content address{ font-style: normal; line-height: 1.5em; }
#main_content .button, #main_content .button_disabled{ -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 1em; margin: 10px 0; overflow: hidden; padding: 0.5em 1em; }
#main_content .button{ background: #69a8af; border: solid 1px #69a8af; color: #fff; }
#main_content input.button{ margin: 0; padding: 0.25em 0.5em; }
#main_content .button:hover, #main_content .button:focus{ background: #ffff26; border-color: #ffff26; color: #333; text-decoration: none; }
#main_content .button_disabled{ background: #fff; border-color: #f1f1f1; color: #ccc; }
#main_content .button_disabled:hover{ text-decoration: none; }
#main_content .greenbutton{ background: #6fc364 !important; border-color: #6fc364; color: #fff !important; }
#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; color: #416f3b !important; }
#main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; }
#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; }
#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }
.about-us-phone-directory #main_content div{ border-color: #d6d6d6 !important; padding: 0 !important; }
.about-us-phone-directory #main_content table thead tr{ background: #e6e7e8 !important; border-bottom: solid 1px #d6d6d6; }
.about-us-phone-directory #main_content table thead tr td{ height: 30px; color: #666; font-size: 1.25em; line-height: 30px; padding: 5px; }
.about-us-phone-directory #main_content table tbody tr td{ font-size: 1em; line-height: 1.5em; padding: 5px; }

/* Page Controls */
#page-controls{ position: absolute; right: 10px; top: -50px; overflow: hidden; z-index: 30; }
#page-controls a.btn{ width: 24px; height: 24px; position: absolute; right: 3px; top: 3px; background: transparent url(/ClientResources/Images/btn-pagecontrols_expnd.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; z-index: 40; }
#page-controls a.expanded{ background-position: center bottom; }
#page-controls .menu{ height: 30px; background: transparent url(/ClientResources/Images/bg-pagecontrols-menu.gif) no-repeat left top; display: inline; float: left; font-size: 0.8em; line-height: 30px; margin: 0 0 0 30px; padding: 0 40px 0 5px; z-index: 30; }
#page-controls .menu a{ color: #428d88; text-decoration: none; }
#page-controls .menu a:hover{ color: #333; text-decoration: underline; }
#page-controls .menu .font_sizer{ display: inline; float: left; margin: 0 0 0 5px; }

/* Main Sidebar */
#main_sidebar{ width: 280px; display: inline; float: left; overflow: hidden; }
#main_sidebar h2{ display: none; }
#main_sidebar #map{ -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 260px; height: 240px; border: solid 5px #e6e7e8; display: inline; float: left; margin: 10px 0 0; overflow: hidden; }
#sidemenu{ width: 270px; background: transparent url(/ClientResources/Images/bg-sidemenu-btm.gif) no-repeat center bottom; display: inline; float: left; overflow: hidden; }
#sidemenu ul, #sidemenu address{ width: 240px; background: transparent url(/ClientResources/Images/bg-sidemenu-top.gif) no-repeat center top; display: inline; float: left; padding: 20px 15px; }
#sidemenu ul ul, #sidemenu ul ul ul{ width: 100%; background: transparent none; margin: 0.25em 0 0; padding: 0; }
#sidemenu ul li{ width: 226px; background: transparent url(/ClientResources/Images/bullet-sidemenu-i.gif) no-repeat left 0.33em; clear: both; display: inline; float: left; font-size: 1.3em; font-weight: bold; line-height: 1.25em; margin: 0 0 0.45em; padding: 0 0 0 14px; }
#sidemenu ul li a{ color: #666; text-decoration: none; }
#sidemenu ul li a:hover, #sidemenu ul li a:focus{ color: #235091; text-decoration: underline; }
#sidemenu ul li li{ width: 212px; background: transparent url(/ClientResources/Images/bullet-sidemenu-ii.gif) no-repeat left 0.33em; font-size: 0.9em; font-weight: normal; }
#sidemenu ul li li a{ color: #106e6b; }
#sidemenu address{ font-size: 1.4em; font-style: normal; line-height: 1.25em; padding-bottom: 0; }
#sidemenu #phonenumbers{ width: 240px; display: inline; float: left; font-size: 1.4em; line-height: 1.25em; padding: 0 15px 20px; }
#sidemenu #phonenumbers a{ background: transparent url(/Resources/Common/Images/Icons/telephone.gif) no-repeat left 0em; color: #428d88; padding: 0 0 0 1.5em; text-decoration: none; }
#sidemenu #phonenumbers a:hover, #sidemenu #phonenumbers a:focus{ background-color: #ffff26; color: #333; text-decoration: underline; }
#main_sidebar #quicklinks{ text-indent: -99999em; }
#recent-tweets{ width: 270px; display: inline; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 1.3em; font-style: italic; margin: 10px 0 0; overflow: hidden; }
#recent-tweets h2{ display: inline; float: left; margin: 0 0 10px; }
#recent-tweets h2 a{ width: 185px; height: 30px; background: transparent url(/ClientResources/Images/h2-recenttweets.gif) no-repeat left top; display: inline; float: left; overflow: hidden; text-indent: -99999em;  }
#recent-tweets h2 a:hover{ background-position: left bottom; }
#recent-tweets .tweet_list{  }
#recent-tweets .tweet_list li{ display: inline; float: left; margin: 0 0 10px; overflow: hidden; }
#recent-tweets .tweet_list li a{ color: #428d88; text-decoration: none; }
#recent-tweets .tweet_list li a:hover{ background: #fff266; color: #333; text-decoration: underline; }
#recent-tweets .tweet_list .tweet_even{ border-top: dashed 1px #ccc; padding: 10px 0 0; }
#recent-tweets .tweet_list .tweet_text{ width: 230px; display: inline; float: left; font-family: Arial, Verdana, Sans-Serif; font-size: 0.8em; font-style: normal; line-height: 1.25em; margin: 5px 0 0; }
#recent-tweets .tweet_list .tweet_avatar{ display: inline; float: left; margin: 0 8px 0 0; }
#recent-tweets .tweet_list .tweet_avatar img{  }
#ctas{ width: 230px; background: transparent none; display: inline; float: left; margin: 10px 20px 0; overflow: hidden; }
#ctas.loading{ height: 40px; background: transparent url(/ClientResources/Images/loading.gif) no-repeat center 4px; }
#ctas ul{ width: 230px; height: 225px; position: relative; display: none; float: left; overflow: hidden; }
#ctas ul li{ display: inline; float: left; }
.services #sidemenu ul li{ position: relative; }
.services #sidemenu ul li a.expand{ width: 10px; height: 10px; position: absolute; right: 0px; top: 3px; background: transparent url(/ClientResources/Images/btn-expand.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
.services #sidemenu ul li.selected a.expand{ background-position: center bottom; }
.services #sidemenu ul li.collapsed ul{ display: none; }
.services #sidemenu ul li.selected ul{ display: block; }

/* No Phone Pledge */
.nophonepledge #main_content .pledge-submissions{ width: 240px; height: 74px; background: transparent url(../Images/bg-pledgesubmissions.jpg) no-repeat center top; color: #006f68; font-family: Georgia, Times New Roman, Serif; font-size: 30px; display: inline; float: right; padding: 26px 0 0; text-align: center; }
.nophonepledge #main_content .form-pledge{  }
.nophonepledge #main_content .form-pledge .field{ width: 260px; display: inline; float: left; margin: 0 10px 10px 0; overflow: hidden; }
.nophonepledge #main_content .form-pledge .field input{ width: 240px; background: #f6f6f6; border: solid 1px #ccc; padding: 3px; }
.nophonepledge #main_content .form-pledge .field label{ line-height: 20px; }
.nophonepledge #main_content .form-pledge .field-required label{ background: transparent url(/Resources/Common/Images/Icons/asterisk.gif) no-repeat right -4px; color: #333; font-weight: bold; line-height: 20px; padding: 0 16px 0 0; }
.nophonepledge #main_content .form-pledge .field label.error, .nophonepledge #main_content .form-pledge .error p{ color: #c2462c; }
.nophonepledge #main_content .form-pledge .field input.error{ background: #fff0e5; border-color: #f0785f; }
.nophonepledge #main_content .form-pledge .field-radiobuttons{ width: 100%; line-height: 20px; }
.nophonepledge #main_content .form-pledge .field-radiobuttons input, .nophonepledge #main_content .form-pledge .field-radiobuttons label{ display: inline; float: left; }
.nophonepledge #main_content .form-pledge .field-radiobuttons input{ width: 24px; }
.nophonepledge #main_content .form-pledge .field-radiobuttons label{ font-style: italic; }
.nophonepledge #main_content .form-pledge .field-radiobuttons br{ clear: both; }
.nophonepledge #main_content .btn-downloadpledge{ width: 180px; height: 60px; background: transparent url(../Images/btn-downloadpledge.jpg) no-repeat center top; display: inline; float: left; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; }

/* Fixes */
.calendar-events #eventList_wrap .rsHeader h2{ color: #333; font-family: Arial, Verdana, Sans-Serif; font-size: 15px; margin: 6px 0 0; }
.calendar-events #eventList_wrap .rsHeader p{ margin: 0; }
.calendar-events #eventList_wrap .rsHeader ul{ margin: 0; padding: 0; }
.calendar-events #eventList_wrap .rsHeader ul li{ background: transparent none; line-height: 30px; margin: 0; padding: 0; }
.calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader ul a:hover, .calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader ul a:hover span, .calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader .rsSelected, .calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader .rsSelected em, .calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader .rsPrevDay, .calendar-events #eventList_wrap .RadScheduler_Office2007 .rsHeader .rsNextDay{ background-color: transparent; background-image:url("../Images/WebResource.png"); }
.calendar-events #eventList_wrap .RadScheduler a:hover{ background-color: transparent; }
.calendar-events #eventList_wrap .rsHeader ul li.rsSelected{ background-position: 0 -69px; padding-left: 9px; }
.calendar-events #eventDetail_left .button{ display: inline; float: left; }
.giving-back .RadComboBox .rcbArrowCell a:hover{ background-color: transparent !important; }
.giving-back td{ padding: 5px; }
.giving-back #main_content .validationsummary{ background: #fff0e5 url(/Resources/Common/Images/Icons/exclamation.gif) no-repeat 10px 12px; border: solid 2px #f0785f; border-left: 0 none; border-right: 0 none; margin: 0 0 15px; padding: 10px 10px 10px 24px; }
.giving-back #main_content .validationsummary h2{ color: #c2462c; font-family: Arial, Verdana, Sans-Serif; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 5px 10px; padding: 0; }
.giving-back #main_content .validationsummary ul{ margin-bottom: 0; }
.giving-back #main_content .validationsummary li{ background: transparent none; color: #666; list-style-type: disc; padding: 0; }
.giving-back #main_content input[type="text"],
.giving-back #main_content textarea{ width: 189px; }