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

	Internal Stylesheet
/////////////////////////////////////////////*/

/*--- Structure ---*/
#wrapper{ background-image: url(/ClientResources/Images/bg-wrapper.gif); }
#wrap{ background-image: url(/ClientResources/Images/bg-wrap.png); }
#content{ width: 960px; position: relative; margin: 0 auto; padding: 0 0 10px; z-index: 10; }
#footer-wrap{ background-image: url(/ClientResources/Images/bg-footerwrap_home.jpg); }

/*--- Sidebar ---*/
#main_sidebar{ width: 260px; display: inline; float: left; padding: 10px 0; }
#main_sidebar h2{ display: none; }
#main_sidebar #map{ width: 236px; height: 220px; border: solid 2px #ccc; display: inline; float: left; margin: 10px; overflow: hidden; }
#main_sidebar #sidemenu{ width: 240px; display: inline; float: left; margin: 0 10px; overflow: hidden; }
#main_sidebar #sidemenu address, #main_sidebar #sidemenu #phonenumbers{ color: #666; font-size: 1.3em; font-style: normal; font-weight: bold; line-height: 1.5em; }
#main_sidebar #sidemenu #phonenumbers a{ color: #3f73aa; text-decoration: none; }
#main_sidebar #sidemenu #phonenumbers a:hover, #main_sidebar #sidemenu #phonenumbers a:focus{ text-decoration: underline; }
#main_sidebar #sidemenu ul{ display: inline; float: left; }
#main_sidebar #sidemenu ul li{ width: 100%; display: inline; float: left; font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin: 0 0 0.25em; overflow: hidden; padding: 0.25em 0; }
#main_sidebar #sidemenu ul li.selected{ background: transparent url(/ClientResources/Images/bg-sidemenu-sel.png) no-repeat center top; }
#main_sidebar #sidemenu ul li.selected-parent{ background: #10499e; border-bottom: solid 0.25em #3f73aa; padding: 0.25em 0 0; }
#main_sidebar #sidemenu ul li a{ width: 220px; color: #10499e; display: inline; float: left; line-height: 1.5em; margin: 0 10px; text-decoration: none; }
#main_sidebar #sidemenu ul li a:hover, #main_sidebar #sidemenu ul li a:focus{ text-decoration: underline; }
#main_sidebar #sidemenu ul li.selected a, #main_sidebar #sidemenu ul li.selected-parent a{ color: #fff; }
#main_sidebar #sidemenu ul li ul{ clear: both; margin: 0; }
#main_sidebar #sidemenu ul li.selected ul, #main_sidebar #sidemenu ul li.selected-parent ul{ margin: 0.25em 0 0; }
#main_sidebar #sidemenu ul li ul li{ font-size: 0.85em; font-weight: normal; }
#main_sidebar #sidemenu ul li ul li a{ width: 200px; background: transparent url(/ClientResources/Images/bullet-sidemenu.gif) no-repeat 0.5em; margin: 0 10px 0 15px; padding: 0 0 0 15px; }
#main_sidebar #quicklinks{ width: 220px; background: transparent url(/ClientResources/Images/bg-quicklinks-int.png) no-repeat center top; display: inline; float: left; overflow: hidden; padding: 20px 20px 10px; }
#main_sidebar #quicklinks h2{ color: #10499e; display: block; font-size: 1.6em; font-weight: normal; line-height: 1.25em; margin: 0 0 0.5em; }
#main_sidebar #quicklinks ul{ font-size: 1.3em; line-height: 1.5em; }
#main_sidebar #quicklinks ul li{ background: transparent url(/ClientResources/Images/bullet-quicklinks-int.gif) no-repeat left 0.25em; line-height: 1.25em; margin: 0 0 0.5em; padding: 0 0 0 1.25em; }
#main_sidebar #quicklinks ul li a{ color: #4b88c0; font-style: italic; text-decoration: none; }
#main_sidebar #quicklinks ul li a:hover, #main_sidebar #quicklinks ul li a:focus{ color: #10499e; text-decoration: underline; }

/*--- Main Content ---*/
#main_content{ width: 670px; position: relative; display: inline; float: right; font-size: 1.2em; padding: 10px 15px; }
#main_content h1{ color: #10499e; font-size: 2.4em; font-weight: normal; line-height: 1.25em; margin: 0 0 0.5em; }
#main_content a{ color: #10499e; text-decoration: none; }
#main_content a:hover, #main_content a:focus{ color: #4b88c0; text-decoration: underline; }
#main_content ul{ font-size: 1em; line-height: 2em; margin: 0 0 1.5em 1.5em; }
#main_content ul li{ background: transparent url(/ClientResources/Images/bullet-content.gif) no-repeat left 0.25em; line-height: 1.25em; margin: 0 0 0.45em; padding: 0 0 0 1.5em; }
#main_content ol{ font-size: 1.2em; line-height: 2em; list-style-type: decimal; margin: 0 0 1.5em 3em; }
#main_content ol li{ line-height: 1.25em; margin: 0 0 0.45em; }
#main_content hr{ border: 0 none; border-bottom: solid 1px #4b88c0; line-height: 1; margin: 10px 0; }
#main_content .formsection{ background: #f6f6f6; border: solid 1px #e6e6e6; padding: 1em 2em; }
#main_content fieldset{ border: solid 1px #d9ecff; font-size: 1em; padding: 1em 2em; }
#main_content legend{ border: solid 1px #d9ecff; border-bottom: 0 none; border-top: 0 none; color: #4b88c0; font-size: 1.6em; font-style: italic; padding: 0 0.5em; }
#main_content .button, #main_content .button_disabled{ border: solid 1px #ccc; font-size: 1em; font-weight: bold; line-height: 1.5em; padding: 0.25em 1em; text-decoration: none; }
#main_content .button{ background: #4b88c0; border-color: #3474af; color: #fff; }
#main_content .greenbutton{ background: #10499e !important; border-color: #4b88c0 !important; color: #fff !important; }
#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; color: #10499e !important; }
#main_content input.button{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button:hover, #main_content .button:focus{ background: #fff; color: #4b88c0; text-decoration: none; }
#main_content .button_disabled{ background: #fff; border-color: #f6f6f6; color: #ccc; padding: 0.25em 1em; }
#main_content input.button_disabled{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button_disabled:hover, #main_content .button_disabled:focus{ color: #ccc; text-decoration: none; }
#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; }

/*--- Utility Bar Menu ---*/
#content #main_content .utilities{ width: 300px; height: 30px; position: absolute; right: -8px; top: 10px; padding: 0 13px 0 0; }
#content #main_content .utilities a.btn-expand{ right: -5px; }
#content #main_content .utilities a.btn-expand, #content #main_content .expanded a.btn-expand{ width: 30px; height: 30px; position: absolute; top: 0px; background: transparent url(/ClientResources/Images/btn-utilities.png) no-repeat left top; display: inline; float: right; margin: 0; padding: 0; text-decoration: none; }
#content #main_content .utilities a.btn-expand:hover{ background-position: left -30px; }
#content #main_content .expanded a.btn-expand{ background-position: left -60px; }
#content #main_content .expanded a.btn-expand:hover{ background-position: left -90px; }
#content #main_content .utilities a.btn-expand span strong{ display: none; }
#content #main_content .utilities .menu{ height: 24px; background: transparent url(/ClientResources/Images/bg-menu.gif) no-repeat left top; display: inline; float: right; margin-right: -300px; padding: 3px 24px 3px 10px; }

/*--- Fixes ---*/
.locations #main_sidebar fieldset{ display: none; }
.about-phone-directory #main_content div{ border-color: #a7bfd6 !important; padding: 0 !important; }
.about-phone-directory #main_content table thead tr{ background: #d9ecff !important; border-bottom: solid 1px #a7bfd6; }
.about-phone-directory #main_content table thead tr td{ height: 30px; color: #4b88c0; font-size: 1.25em; line-height: 30px; padding: 5px; }
.about-phone-directory #main_content table tbody tr td{ font-size: 1em; line-height: 1.5em; padding: 5px; }
#prereg_wrap{ display: inline; float: left; overflow: hidden; padding: 0 0 20px; }
#prereg_wrap .button{ display: inline; float: left; margin: 5px 10px 5px 0; }
.location #hospitallocation_wrap .thumbnail{ margin: 0 15px 10px 0; }
.location #hospitallocation_wrap .hospitallocation{ line-height: 1.5em; }
.location #hospitallocation_wrap .location-description{ border-top: 1px solid #CCC; font-size: 80%; margin: 10px 0px 0px; padding: 10px 0px 0px; }
.careers #careerDetail_side .detailcontainer{ background: #eee; border: solid 1px #ccc; color: #666; font-size: 0.95em; line-height: 1.25em; padding: 10px; }
.careers #careerDetail_side .detailcontainer strong{ font-size: 1.05em;  }
.careers #careerDetail_side .applicationselection{ border-width: 1px; }
.careers #careerDetail_side .applicationselection .applybutton{ border-width: 1px; }
.careers #listtable .formsection .showhidepanel{ background: #c5e5f1; color: #4c8398; }
.careers #listtable .formsection .seperator div{ border-color: #c5e5f1; }

/*-- MyAccount Login Page --*/
#login_main .registerchoice .choicecontent ul{ font-size: 1em; margin: 0 0 10px; }
#login_main h2{ padding-left: 10px !important; border: 2px solid #ddd; color: #666; font-size: 1.4em; }
#login_main .registerchoice, #login_main .loginchoice{ float: left; width: 305px; height: 180px; margin-bottom: 20px; padding: 5px; border: 2px solid #ddd; background: #fff; }
#login_main .loginchoice{ margin-left: 30px; }
#login_main .registerchoice p{ margin: 0 0 5px 0; color: #999; font-weight: bold; }
#login_main .choicecontent{ margin: 10px 20px; }
#login_main .choicecontent label{ padding: 0 5px 0 0; color: #999; font-weight: bold; }
#login_main .choicecontent .text{ width: 160px; margin: 0 5px 5px 0; padding: 2px; background: #fff; border: 1px solid #ccc; }
#login_main .choicecontent .button{ padding: 2px 10px; background: #f1f1f1; border: 2px solid #ddd; color: #999; font-size: 12px; font-weight: bold; line-height: 18px; }
#login_main .choicecontent input.button{ height: 24px; margin: 0 13px 0 0; padding: 2px 8px; line-height: 16px; }
#login_main .choicecontent .forgotpassword{ padding: 2px 0 2px 24px; background: transparent url(/Resources/Common/Images/icons/textfield_key.gif) no-repeat center left; font-size: 11px; line-height: 20px; }

/* ER Wait Times */
#erwaittimes{ width: 240px; height: 115px; position: relative; }
#main_sidebar #erwaittimes h2{ width: 197px; height: 45px; background: transparent url(../Images/h2-erextra_int.gif) no-repeat center top; border: 0 none; display: block; margin: 0 auto 10px; overflow: hidden; text-indent: -999999em; }
#erwaittimes .erwaittimes-locations{ width: 240px; position: absolute; top: 60px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 6px 0; }
 #erwaittimes .erwaittimes-locations span{ display: inline; float: left; }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-name{ color: #333; font-size: 12px; font-weight: bold; margin: 11px 10px 7px; }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-time{ color: #e92824; font-size: 25px; font-weight: bold; position: absolute; right: 60px;  }
 #erwaittimes .erwaittimes-locations span.erwaittimes-location-label{ color: #333; font-size: 18px; margin: 8px 0 0 5px; position: absolute; right: 10px; }
 #erwaittimes div.erwaittimes-links{ display: none; }