@import 'reset.css';

body { font: 12px/18px Arial, Helvetica, sans-serif; color: #666; background: #fff url(/resources/images/bg-body.gif) top left repeat-x; text-align: center; }

strong { font-weight: bold; }

em { font-style: italic; }

a { color: #FF6600; text-decoration: underline; }

a:hover { color: #FF6600; text-decoration: underline; }

sup { font-size: smaller; _font-size: 12px; vertical-align: baseline; position: relative; bottom: 0.33em; }

#wrapper { margin: 0 auto; width: 920px; text-align: left; }

#header { }

	#header #sections { text-align: right; margin-bottom: 1em; }
	
#content { }

	#content #left { float: left; width: 200px; padding-bottom: 1.5em; }
	
		#content #left p.logo { text-align: center; margin-bottom: 1.5em; }

/* ::[ NAVIGATION STYLES ]:: */

	/* BASIC NAV */
	
	#content #left #nav li ul, #content #left #nav li ul li ul { margin-bottom: 0.8em; }
	
	#content #left #nav li ul li.selected, #content #left #nav li ul li ul li.selected { color: #666; font-size: 0.9em; margin-left: 15px; padding-left: 15px; background: #fff url(/resources/images/arrow.gif) 0px 2px no-repeat; }
	
		#content #left #nav li ul li.selected a, #content #left #nav li ul li ul li.selected a:hover, #content #left #nav li ul li.selected a:hover, #content #left #nav li ul li ul li.selected a:hover { color: #FF6600; text-decoration: none; }
	
	#content #left #nav li ul li, #content #left #nav li ul li ul li { color: #666; font-size: 0.9em; margin-left: 15px; padding-left: 15px; }
	
		#content #left #nav li ul li a, #content #left #nav li ul li a:hover, #content #left #nav li ul li ul li a, #content #left #nav li ul li ul li a:hover { color: #666; text-decoration: none; }

	/* HCP NAV */
		
	#content #left #nav #about { display: none; }
	
	#content #left #nav #events { display: none; }
	
	#content #left #nav #dosing { display: none; }
	
	#content #left #nav #resistance { display: none; }
	
	#content #left #nav #clinical { display: none; }
	
	/* PATIENT NAV */
	
	#content #left #nav #who { display: none; }
	
	#content #left #nav #healthier { display: none; }
	
	#content #left #nav #talking { display: none; }
	
	#content #left #nav #taking { display: none; }
	
	#content #left #nav #side { display: none; }
	
	#content #left #nav #glossary { display: none; }

/* ::[ / NAVIGATION STYLES ]:: */
	
	#content #right { margin-left: 210px; padding: 1.5em 0 1.5em 0; }
	
		#content p.deck { margin-bottom: 1.6em; }
		
		#content #poll { margin-bottom: 1.5em; padding-top: 55px; background: #fff url(/resources/images/menu/patient/poll-results-header.gif) top left no-repeat; }
		
			#content #poll #survey { border-collapse: collapse; margin-left: 1px; _position: relative; _left: -3px; }
			
				#content #poll #survey td { padding: 5px; }
			
					#content #poll #survey td.left { border-bottom: 1px solid #888; border-left: 1px solid #888; width: 343px; }
					
					#content #poll #survey td.right { border-bottom: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #888; width: 119px; }

		#content #right .format_text { padding: 5px; }
		
			#content #right .format_text h2 { color: #ff6600; font-size: 1.3em; font-weight: bold; letter-spacing: -0.01em; margin-bottom: 1.3em; }
			
			#content #right .format_text h3 { color: #000; font-size: 1.1em; font-weight: bold; letter-spacing: -0.01em; margin-bottom: 0.9em; }
			
			#content #right .format_text p, #content #right .format_text ul, #content #right .format_text ol { margin: 0 0 1.1em; line-height: 1.5em; }
			
			#content #right .format_text ul { list-style: disc; margin-left: 25px; }
			
			#content #right .format_text ol { list-style: decimal; margin-left: 25px; }
			
			#content #right .format_text #isi a { color: #387AB5; }

#footer { background: #fff url(/resources/images/bg-footer.gif) top left repeat-x; text-align: center; clear: both; color: #777; padding-bottom: 2em; }

	#footer a, #footer a:hover { color: #777; text-decoration: underline; }

	#footer #copyright { margin: 0 auto; width: 920px; text-align: left; }
	
		#footer #copyright p.bi { text-align: right; margin-bottom: 15px; }
		
	#footer div.footer_links { margin-left: 210px; }