/**********************************************************
	SUMA-MRI common.css -- updated 09.18.07
	Created by Program This! Web Solutions
	use: screen;
	browsers: IE 5.5+, FF, Safari, Opera, NS 7.2+, Mozilla
**********************************************************/

*	{ margin: 0; padding: 0; }
html	{ min-height: 100%; margin: 0 0 .01em; }

#skip	{ display: none; }

body	{ background: url(../img/body.gif) repeat-x 0 0 #6aa1ba; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #404040; }

h1, h2, h3	{ font-family: Geneva, Arial, Helvetica, sans-serif; color: #0066b0; }
	h1	{ font-size: 1.8em; line-height: 1.8 }
	h2	{ font-size: 1.6em; }
	h3	{ font-size: 1.2em; }

a:link	{ color: #026c96; }
a:visited	{ color: #013a63}
a:hover	{ color: #3b8ea9; text-decoration: none; }
	a.one:link, a.one:hover, a.one:visited	{ text-decoration: none; color: #404040; }

img	{ border: none; }

#container	{ position: relative; margin: 5px auto 78px; width: 780px; w\idth: 776px; border: 2px solid #2f2f2f; background: url(../img/border1.gif) repeat-y 498px 0 #efefef; text-align: left; }
#subPage #container	{ background: url(../img/border1.gif) repeat-y 146px 0 #efefef; }
#fyi #container, #seminar #container	{ background-image: none; }

#header	{ position: relative; float: left; width: 776px; height: 120px; he\ight: 118px; border-bottom: 2px solid #2f2f2f; background: #076f98; }
	#logo	{ position: relative; left: 24px; top: 9px; float: left; }
	#building	{ position: absolute; left: 244px; top: 0; width: 369px; height: 104px; display: block; background:url(../img/building.gif) no-repeat 0 0; z-index: 1; }
	#address	{ position: relative; right: 27px; top: 8px; float: right; color: #fff; font-size: 1.3em; line-height: 1.4em; text-align: right; z-index: 2; }

#flash	{ position: relative; float: left; width: 776px; height: 213px; he\ight: 211px; border-bottom: 2px solid #2f2f2f; background:url(../img/flash-gradient.gif) repeat-x 0 0; z-index:2; }

#talkToDoctor	{ position: relative; float: left; width: 776px; height: 39px; background:url(../img/talkToYourDoctor.gif) no-repeat 0 0; }

#homePage #content	{ position: relative; left: 28px; top: 10px; float: left; width: 450px; margin: 0 28px 35px 0; font-size: 1.2em; }
#subPage #content, #fyi #content, #seminar #content	{ position: relative; left: 175px; top: 20px; float: left; width: 360px; margin: 0 175px 35px 0; font-size: 1.2em; }
	#content.fixHeight	{ height: 300px; }
	#subPage #content.testimonial	{ left: 160px; width: 640px; margin: 0 160px 35px 0; }
	#subPage #content.flashVideo	{ width: 525px; }

	/*#content h1, #content h2	{ font-family: Georgia, "Times New Roman", Times, serif; color: #0066b0; }
		#content h1	{ font-size: 2.1em; }
		#content h2, #rightBar h2	{ font-size: 1.8em; }*/
	#content h1	{ margin: 0 0 5px; line-height: 1.2 }
	#content h3	{ margin: 0 0 8px; }
	#content p	{ margin: 0 0 15px; line-height: 1.4em; }
	#content ul, #content ol	{ margin: 0 15px 6px 25px; line-height: 1.4em; }
		#content li	{ margin: 0 0 4px; }
	
	/* seo linking */
	#link, #link2	{ position: relative; top: 15px; margin: 0 0 15px; font-size: .9em; clear: left; }
		#link2	{ top: 0; margin: 0 0 15px; }
		#link a:link, #link a:visited, #link a:hover, #link a:active, #link2 a:link, #link2 a:visited, #link2 a:hover, #link2 a:active	{ text-decoration: none; color: #404040; }
	
	fieldset	{ border: 1px solid #ccc; padding: 20px; background: #fff; }
		fieldset label	{ position: relative; float: left; width: 70px; margin: 0 6px 5px 0; text-align: right; }
		fieldset input, fieldset textarea	{ margin: 0 0 5px; }
		fieldset em	{ font-size: 10px; color: #c00; vertical-align: top; }
		.required	{ border: 1px solid #c00; }
		#errorbox	{ font-weight: bold; padding: 10px; background: #c00; color: #fff; }
		
	table	{ border-collapse: collapse; font-size: 1em; }
		table.tdAlignCenter td	{ text-align: center; }
		table.tdAlignCenter td.noAlign	{ text-align: left; }
		table th	{ padding: 0 3px 5px; text-align: center; }
		table td	{ padding: 5px 3px; line-height: 1.2; border: 1px solid #000; border-collapse: collapse; }
		table th.noborder, table td.noborder	{ border: none; }
		table tr.row1	{ background: #B5D7E3; }
		table tr.row2	{ background: #EBF6FA; }

#footer	{ position: relative; left: 0; float: left; width: 776px; border-top: 2px solid #2f2f2f; background: #026c96; color: #fff; }
	#footerNav	{ position: absolute; right: 92px; top: 8px; font-size: 1.2em; z-index:2; }
		#footerNav a:link, #footerNav a:visited	{ color: #fff; text-decoration: none; }
		#footerNav a:hover	{ color: #69c0e1; text-decoration: underline; }
	#footer img	{ position: relative; left: 3px; top: 3px; margin: 0 6px 6px 0; float: left; }
	#footer #copy	{ font-size: 1.1em; margin: 0; }
	#footer #copy, #footer #pt	{ position: relative; left: 16px; top: 32px; margin: 0 22px 4px 0; }
	#footer #pt	{ float: right; top: 18px; margin: 0 22px 22px 0; }
		#pt a:link, #pt a:visited, #pt a:hover	{ color: #fff; text-decoration: none; }

/******************************************************* Home Page Specific CSS */
#research	{ position: relative; top: 10px; float: left; margin: 0 0 10px; width: 480px; w\idth: 300px; background: url(../img/research1.jpg) no-repeat 0 10px; padding: 0 0 0 160px; }
#hiring	{ position: relative; top: 10px; margin: 0 0 10px; }
/********************************************************************************/

#col3	{ position: relative; left: 40px; top: 0; margin: 0 0 40px 0; float: left; width: 186px; font-size: 1.2em; line-height: 1.4em; }
	/*#col3 object	{ position: relative; background-color: #efefef; }*/
	#col3 iframe	{ position: relative; width: 186px; height: 350px; overflow: visible; border: none; margin: 0; padding: 0; }
	/*#col3 fieldset	{ position: relative; left: 0; top: 15px; padding: 3px; width: 186px; w\idth: 180px; height: 267px; he\ight: 261px; margin: 0 0 20px; background: url(../img/contactBox.gif) no-repeat 0 0; border: none; margin: 0; }
		#col3 fieldset h4	{ display: none; }
		#col3 fieldset ul	{ position: relative; left: 10px; top: 35px; margin: 0 10px 35px 0; width: 170px; }
		#col3 fieldset li	{ margin: 0 0 5px; list-style: none; display: block; width: 170px; float: left; }
		#col3 fieldset label	{ position: relative; float: left; width: 30px; font-size: 1.1em; line-height: 1.1 }
		#col3 input	{ width: 120px; float: right; }
		#col3 input#send	{ width: auto; }
		#col3 textarea	{ float: right; width: 170px; position: relative; left: 0; top: 2px; margin: 0 0 2px 0; overflow: auto; }*/
		
/* right bar */
#rightBar	{ position: relative; right: 0; top: 0; width: 277px; float: right; font-size: 1.2em; line-height: 1.4em; text-align: center; }
	#rightBar h3, #col3 h3	{ position: relative; left: 5px; top: 12px; color: #678904; margin: 0 5px 18px 0; font-size: 1.4em; }
	#rightBar img	{ position: relative; left: 3px; margin: 0 12px 0 0; }
	
	#allstate	{ position: relative; left: 20px; float: left; margin: 0 20px 15px 0; width: 238px; }
		#allstate a:link, #allstate a:visited, #allstate a:hover	{ position: relative; width: 238px; height: 97px; display: block; background: url(../img/suma_v_allstate.gif) no-repeat 0 0; }
		#allstate a span	{ position: absolute; left: 0; top: 0; width: 238px; height: 97px; background: url(../img/suma_v_allstate.gif) no-repeat 0 0; }
		#allstate a:hover span	{ background-position: 0 -97px; }

/* sub nav column */
#subPage #sideBar	{ position: absolute; left: 0; top: 145px; width: 145px; }
	
	#subnav	{ position: relative; left: 0; top: 23px; float: left; margin: 0 0 28px 0; width: 145px; list-style: none; font-size: 1.3em; }
		#subnav li	{ float: left; width: 145px; margin: 3px 0 0; }
		#subnav li a	{ position: relative; left: 2px; display: block; width: 139px; w\idth: 121px; padding: 6px 9px; text-decoration: none; color: #fff; font-weight: bold; border: 1px solid #404040; background: #4f99b0; }
			#subnav li a:hover, #subnav li a.on	{ background: #f60; color: #fff; }
			#subnav li a.externalLink	{}

/* Seminars section */
#seminar #header	{ height: 196px; }
	#seminar #header img	{ position: absolute; left: -2px; top: -2px; width: 780px; height: 200px; }
	#seminar #content	{ left: 28px; top: 20px; margin: 0 28px 35px 0; width: 720px; }
	#seminar #content h3	{ color: #6ea5bc; }
	#seminar #content .drsLodge	{ position: relative; float: right; right: 0; top: 0; }
	#seminar .seminarAnnounce	{ font-size: 14px; }
	.seminarSched	{ position: relative; float: left; border: 1px solid #999; background: #fff; padding: 12px; width: 720px; w\idth: 694px; margin: 0 0 15px; }
		.seminarSched .fee	{ position: relative; float: right; right: 0; top: 5px; margin: 0 0 10px 30px; }
		.seminarSched .register, .seminarSched .register2	{ position: relative; float: right; right: 0; top: 0; clear: right; }
			.seminarSched .register2	{ right: 35px; top: 15px; }
		#content .seminarSched p	{ margin: 0 0 10px; }
		#content .seminarSched .date	{ display: block; width: 694px; w\idth: 674px; background: #519bb1; color: #fff; padding: 2px 10px; font-size: 14px; margin: 0 0 8px; }
		#content .seminarSched .schedHead	{ font-size: 13px; margin: 0 0 5px; }
			.red	{ color: #d90f0f; }
			.blue	{ color: #0a6d97; }
	#seminar fieldset	{ margin: 0 0 15px; }	
		#seminar fieldset label	{ width: 285px; }
			#seminar fieldset label.labelRight { float: right; width: 650px; text-align: left; }
		#seminar fieldset p.legend	{ font-size: 14px; font-weight: bold; }
		#seminar fieldset ul, #seminar fieldset li, #seminar ul	{ list-style: none; margin: 0; }
			#seminar ul	{ margin: 0 0 10px 10px; }
			#seminar ul.normal	{ margin: 0 0 15px 25px; list-style: disc; }
			#seminar ul.twocol	{ width: 46%; float: left; margin: 0 0 15px 25px; list-style: disc; }
		#seminar fieldset li	{ line-height: 18px; clear: left; }
		#seminar fieldset input	{ vertical-align: middle; }
		#seminar fieldset .required	{ font-size: 11px; color: #c00; border: none; }
		#seminar .header	{ font-size: 16px; margin: 0 0 5px; }
		#seminar .priceReg	{ position: relative; float: right; width: 195px; margin: 0 0 10px 10px; text-align: right; }

.floatL	{ float: left; }
.floatR	{ float: right; }

/* tabber */
.tabberlive .tabbertabhide { display:none; }

.tabber {  }
.tabberlive { position: relative; left: 3px; top: 40px; margin: 0 3px 40px 0; float: left; width: 247px; height: 144px; background: url(../img/tabBox.gif) no-repeat 0 0; }

ul.tabbernav	{ position: absolute; left: 4px; top: -20px; margin: 0 4px -20px 0; width: 255px; height: 21px; font: .9em Verdana, sans-serif; z-index: 3; }
	ul.tabbernav li	{ position: relative; float: left; list-style: none; display: block; width: 80px; height: 21px; margin: 0; }
	ul.tabbernav li a	{ position: relative; float: right; display: block; width: 73px; w\idth: 68px; height: 21px; he\ight: 18px; background: url(../img/tabs.gif) no-repeat -24px 0; }
	ul.tabbernav li a:link, ul.tabbernav li a:visited, ul.tabbernav li a:hover	{ color: #4c4127; text-decoration: none; font-weight: normal; padding: 3px 0 0 5px; }
	ul.tabbernav li a:hover { background: url(../img/tabs.gif) no-repeat -127px 0; color: #4c4127; }
	/*ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover	{ border: 1px solid #000; background-color: #fff; color: #637F66; border-bottom: 1px solid #fff; padding: 3px .5em; }*/
	ul.tabbernav li.tabberactive a:link, ul.tabbernav li.tabberactive a:visited, ul.tabbernav li.tabberactive a:hover	{ width: 77px; w\idth: 67px; height: 21px; he\ight: 18px; background: url(../img/tabs.gif) no-repeat -235px 0; color: #4c4127; padding: 3px 0 0 10px; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab	{ position: relative; left: 6px; top: 1px; margin: 0 6px 1px 0; }
	.tabberlive .tabbertab h2	{ display:none; }	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h3	{ display:none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive #tab1, .tabberlive #tab1.tabbertab, .tabberlive #tab2, .tabberlive #tab2.tabbertab, .tabberlive #tab3, .tabberlive #tab3.tabbertab	{ width: 240px; w\idth: 220px; height: 136px; he\ight: 116px; padding: 10px; overflow: auto; font-size: .9em; line-height: 1.3em; }
.tabberlive #tab2	{ }
	.tabbertab p	{ margin: 0 0 10px; }
/*******************************************************/

/* top navigation bar */
#mainNav	{ position: absolute; left: 3px; top: 90px; z-index: 3; width: 100%; }
#fyi #mainNav	{ top: 152px; }
#seminar #mainNav	{ left: -7px; top: 168px; }
	#mainNav li	{ position: relative; float: left; display: block; list-style: none; }
	#mainNav li a:link, #mainNav li a:visited	{ position: relative; float: left; height: 30px; display: block; cursor: pointer; background-image: url(../img/mainNav.png); list-style: none; }
	#mainNav li a span	{ position: absolute; left: 0; top: 0; display: block; width: 110px; height: 30px; background-image: url(../img/mainNav.png); z-index: 1; }
		
	#mainNav li.home, #mainNav li.home a:link, #mainNav li.home a:visited, #mainNav li.home span	{ width: 97px; background-position: 0 -1px; }
		#mainNav li.home-on, #mainNav li.home-on span	{ width: 97px; background-position: 0 -33px; }
		#mainNav li.home a:hover span, #mainNav li.home-on a:hover span	{ width: 97px; background-position: 0 -33px; }
	#mainNav li.posMRI, #mainNav li.posMRI a:link, #mainNav li.posMRI a:visited, #mainNav li.posMRI span	{ width: 120px; background-position: -97px -1px; }
		#mainNav li.posMRI-on, #mainNav li.posMRI-on span	{ width: 120px; background-position: -97px -33px; }
		#mainNav li.posMRI a:hover span, #mainNav li.posMRI-on a:hover span, #mainNav li.posMRI:hover a span	{ width: 120px; background-position: -97px -33px; }
	#mainNav li.mdNews, #mainNav li.mdNews a:link, #mainNav li.mdNews a:visited, #mainNav li.mdNews span	{ width: 92px; background-position: -217px -1px; }
		#mainNav li.mdNews-on, #mainNav li.mdNews-on span	{ width: 92px; background-position: -217px -33px; }
		#mainNav li.mdNews a:hover span, #mainNav li.mdNews-on a:hover span, #mainNav li.mdNews:hover a span	{ width: 92px; background-position: -217px -33px; }
	#mainNav li.about, #mainNav li.about a:link, #mainNav li.about a:visited, #mainNav li.about span	{ width: 89px; background-position: -309px -1px; }
		#mainNav li.about-on, #mainNav li.about-on span	{ width: 89px; background-position: -309px -33px; }
		#mainNav li.about a:hover span, #mainNav li.about-on a:hover span	{ width: 89px; background-position: -309px -33px; }
	#mainNav li.faq, #mainNav li.faq a:link, #mainNav li.faq a:visited, #mainNav li.faq span	{ width: 87px; background-position: -398px -1px; }
		#mainNav li.faq-on, #mainNav li.faq-on span	{ width: 87px; background-position: -398px -33px; }
		#mainNav li.faq a:hover span, #mainNav li.faq-on a:hover span	{ width: 87px; background-position: -398px -33px; }
	#mainNav li.news, #mainNav li.news a:link, #mainNav li.news a:visited, #mainNav li.news span	{ width: 96px; background-position: -485px -1px; }
		#mainNav li.news-on, #mainNav li.news-on span	{ width: 96px; background-position: -485px -33px; }
		#mainNav li.news a:hover span, #mainNav li.news-on a:hover span	{ width: 96px; background-position: -485px -33px; }
	#mainNav li.contact, #mainNav li.contact a:link, #mainNav li.contact a:visited, #mainNav li.contact span	{ width: 100px; background-position: -581px -1px; }
		#mainNav li.contact-on, #mainNav li.contact-on span	{ width: 100px; background-position: -581px -33px; }
		#mainNav li.contact a:hover span, #mainNav li.contact-on a:hover span	{ width: 100px; background-position: -581px -33px; }
	#mainNav li.seminar, #mainNav li.seminar a:link, #mainNav li.seminar a:visited, #mainNav li.seminar span	{ width: 89px; background-position: -681px -1px; }
		#mainNav li.seminar-on, #mainNav li.seminar-on span	{ width: 89px; background-position: -681px -33px; }
		#mainNav li.seminar a:hover span, #mainNav li.seminar-on a:hover span	{ width: 89px; background-position: -681px -33px; }
	
	/* css dropdowns */
	#mainNav li.posMRI ul { display: none; position: absolute; width: 120px; w\idth: 118px; border: 1px solid #000; z-index: 200 }
		#mainNav li.posMRI li	{ position: relative; float: left; width: 118px; height: auto; border: none; font-size: 1.2em; }
		#mainNav li.posMRI>ul { left: 0; top: 29px; z-index: 50; }
		#mainNav li.posMRI:hover ul, #mainNav li.posMRI.over ul { left: 0; top: 29px; display: block; }
		#mainNav li.posMRI li a:link, #mainNav li.posMRI li a:visited { position: relative; background: #4f99b0; color: #fff; width: 118px; w\idth: 104px; height: auto; padding: 7px; display: block; line-height: 1em; text-decoration: none; }
		#mainNav li.posMRI li a:hover { background: #c02e2e; text-decoration: none; }
		#mainNav li.posMRI-on ul.hidden	{ display: none; }

/* breadcrumb navigation */
#breadcrumb	{ position: relative; top: 5px; margin: 0 0 5px; font-size: .9em; }

/* Drs FYI section */
#fyi #header	{ height: 181px; }
	#fyi #header img	{ position: absolute; left: -2px; top: -2px; width: 780px; height: 183px; }
	#fyi #content	{ left: 28px; top: 20px; margin: 0 28px 35px 0; width: 507px; }
	#fyi #col3 h3	{ color: #c00; }
	
.drfyiLink1	{ position: relative; left: 25px; float: left; width: 470px; w\idth: 468px; padding: 15px 0; margin: 0 35px 20px 0; border: 1px solid #999; background: #fefefe; line-height: 1.4; }
.drfyiLink2	{ position: relative; left: 25px; float: left; width: 200px; w\idth: 168px; margin: 0 35px 20px 0; padding: 15px; border: 1px solid #999; background: #fefefe; line-height: 1.4; }
	.drfyiLink1 img, .drfyiLink2 img	{ float: right; margin: 0 0 0 8px; }
	.drfyiLink1 em, .drfyiLink2 em	{ font-size: .9em; }
	.drfyiLink1 td	{ vertical-align: top; padding: 5px 15px 0; border: none; }
	.drfyiLink1 p	{ position: relative; left: 15px; margin: 0 30px 0 0; width: 95% }
	.drfyiLink1 strong	{ font-size: 1.4em; }

/********************************************************** Site-wide classes [can be used multiple times per page anywhere in the site] */
.clear	{ clear: both; }
.clear-video { margin-bottom: 30px; }
.button	{ height: 22px; }
	.button a:link, .button a:visited	{ width: auto; height: 22px; display: table; border: 1px solid #8c8c8c; background: url(../img/button.png) repeat-x 0 0; color: #fff; padding: 0 8px; text-decoration: none; line-height: 22px; font-size: 13px; font-weight: bold; }
	/*.button a:hover	{ background: url(../img/button.png) repeat-x 0 -22px; }*/
strong.standout	{ color: #668804; font-style: italic; }
.imgLeft	{ float: left; margin: 0 25px 15px 0; }
.faqs	{ position: relative; top: 5px; visibility: visible; margin: 0 0 20px; border: 1px solid #86A4BA; padding: 8px; background: #EAF4FB; z-index: 3; }
.positionImg	{ position: relative; float: left; margin: 0 15px 15px 0; width: 98px; text-align: center; line-height: 1.1em; }
	.positionImg img	{ margin: 0 0 5px; }
.hidden	{ display: none; }
.underline	{ text-decoration: underline; }
a.pdfSM	{ background: url(../img/pdficon_small.gif) no-repeat right center; padding: 3px 20px 3px 0; }
/**********************************************************/

/* sIFR styles */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
  
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
}

.sIFR-active h1, .sIFR-active h2 {
    visibility: hidden;
	letter-spacing: -9px;
	line-height: 1em;
	margin: 0;
}

/* Pinned footer */
#pin {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 74px;
	background: url('../img/bg-pinned-footer.png') repeat-x 0 0;
}
#pin a {
	position: relative;
	top: 6px;
	margin: 0 auto;
	text-indent: -9999em;
	display: block;
	width: 541px;
	height: 68px;
	background: url('../img/pinned-footer.gif') no-repeat left bottom;
}