html			{height:100.5%}
html, body		{background:#253f77; font-family : Verdana, Helvetica, sans-serif; text-align: center;}
#outerContainer	{margin: 0 auto; width:951px; text-align: left;}
#main			{margin: 0 auto; width: 988px; background: url("images/page_bg.jpg") repeat-y; text-align:center;}
#mainTable 		{position: relative; text-align:center; width:951px; margin: -15px auto -9px auto !important;}
#main-column	{background: #fff url(images/background.gif);  height:100%;}
#topBG			{height: 28px; width: 988px; background: url("images/top_bg.jpg") no-repeat top center;}
#footerBG		{height: 28px; width: 988px; background: url("images/bottom_bg.jpg") no-repeat;}
#banner			{text-align:center}

.home #content-wrapper {width:951px; margin:auto}
.home .subheader {background:transparent}
.home .subheader table {background:#4ea7c2; width: 951px; margin: 0 auto}
td, th   		{font-size: .75em; color: #3B3D40; line-height: 1.45em;} /* dark gray */
th				{text-align: left;}
thead th		{vertical-align:bottom;}
tbody td		{}
h1,h2,h3		{color: #0B3D92;}
h2				{margin: 1.5em 0 -.5em 0; font-weight:bold; font-size: 1.1em;}
h3				{font-weight: bold; font-size: 1.1em;}
fieldset		{border:0; margin:0; padding:0}
input 			{margin: 0 3px 3px 0;}
img, a img		{border:0}
.smaller        {font-size: .9em; line-height: 1.2em;}
.footnote		{font-size: .8em; line-height: 1.2em; font-style: italic;}

.blue           {color: #0044B8; margin-left: 12px;}
.orange         {color: orange;}
.red			{color: red;}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */vertical-align: baseline;}
sup {/* Move the superscripted text up */top: -0.5em;}
sub {/* Move the subscripted text down, but only half as far down as the superscript moved up */bottom: -0.25em;}
.divider_bar sup {font-size: .8em; vertical-align: top;}
pre             {font-family : verdana, helvetica; font-size: 1em; color: #3B3D40; line-height: 1.45em;} /* dark gray */
p               {margin: 1em 0;}
.indent         {padding-left: 10px;}
.sel            {font-weight: bold; color: #0B3D92; }  /* third menu */

a               {color: #7C2B9C;} /* purple */
a:hover         {color: #0B3D92;} /* blue */

td.subheader 	{border: 1px solid #633575; border-width: 1px 0}
.darkblue       {background-color: #633575;} /* purple */

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html .clearfix 		{height: 1%;}

.subheader      {background-color: #4EA7C2; height: 21px; font-size: 1em; color: white; text-transform: uppercase;} /* teal */
a.subheader     {text-decoration: none; background-color: #4EA7C2; height: 21px; font-size: 1em; color: white; text-transform: uppercase; padding-top: 4px;}
a.subheader_sel {text-decoration: none; background-color: #4EA7C2; height: 21px; font-size: 1em; font-weight: bold; color: #0B3D92; text-transform: uppercase; padding-top: 3px;}
.subheader_left {background-color: #4EA7C2; height: 21px; font-size: .6em; color: white; text-transform: uppercase; padding-left: 7px;}
.subheader_right{background-color: #4EA7C2; height: 21px; font-size: .6em; color: white; text-transform: uppercase; padding-right: 7px;}
.divider        {font-size: .9em; color: white; padding-left: 6px; padding-right: 6px; padding-top: 3px; height: 21px;}

.story			{margin-bottom: 1em}
.tagline 		{margin-top:1em; color:#d06831; font: bold italic 1em/1.2 "Trebuchet MS", Tahoma, sans-serif;letter-spacing:-0.05em}

.leftmenu       {background-color: #633575; width: 174px;} /* purple */
.leftmenu .submenu td  {vertical-align: top;}
.menu           {height:28px; color: white; padding-left: 5px; padding-bottom: 3px; line-height: 17px;}
.menu_sel       {height:28px; color: white; padding-left: 5px; background-color: #FAFAFB; padding-bottom: 3px; letter-spacing: -1px; line-height: 17px;}
a.menu_sel      {text-decoration: none; height:28px; color: #0B3D92; *padding-top: 5px; padding-left: 0px; font-weight: 600; letter-spacing: -1px;} /* blue */
a.menu          {text-decoration: none; color: white; padding-top: 5px; padding-left: 0px;}
a.menu:hover    {text-decoration: none; color: orange; padding-top: 5px; padding-left: 0px;}
.message        {font-size: .7em; line-height: 1.2em; color: white; padding-left: 9px; padding-right: 8px;}

table.submenu        {background-color: #FAFAFB; letter-spacing: -1px;}
.submenu_wraps  {margin-left:12px;}
a.submenu       {text-decoration: none; color: #0B3D92;} /* blue */
a.submenu:hover {text-decoration: none; color: #FF8A00;} /* dark orange */
a.submenu_sel   {text-decoration: none; color: #0B3D92; font-weight: 600; letter-spacing: -1px;} /* blue */
div.mem-roster-logo-container.has-logo {  margin-bottom:10px; }

tr.submenu td {line-height: 1.4}
td.table-body-content a {  position:absolute;  text-indent: 0.8em; }

.section_title  {font-size: 1em; font-weight: bold; color: #0B3D92; padding-bottom: 12px; line-height: 1.1em;}  /* blue */
h2.section_title {padding-bottom: 0; margin: 15px 0 -4px 0; line-height: .5em;}
.subsection     {font-size: .95em; font-weight: bold; color: #0B3D92; padding-bottom: 12px; line-height: 14pt;}  /* blue */
.heading        {font-size: 9pt; font-weight: bold; padding-bottom:.1cm;}

.box 			{background-color:#EFEFEF; margin:1em 0pt; padding:1em;}

.bordered_purple{border: solid 1px #633575;} /* dark purple */
.bordered_teal  {border: solid 1px #187F9E;} /* dark teal */
.bordered_aqua  {border: solid 1px #0087E8;} /* aqua */
.bordered_blue_thick {border: solid 3px #0B3D92;}
.bordered_orange{border: solid 1px #e1a73b; margin: 0px 0 9px 0;} 
/* blue */
.blue_header {background-color: #0087e8; padding: 0.25em 0.5em ;  font-weight: bold; color: white; height: 20px;}
.blue_content {background-color: #ecf5fc}
.bordered_blue {border: solid 1px #0087e8; margin: 0px 0 9px 0;}

/* orange */
	.orange_header	{background-color: #ea9800; padding-bottom: 2px; padding-left: 4px; font-weight: bold; color: white; height: 20px;}
	.orange_content	{background-color: #ffefd1;}
.bordered_light_blue {background-color: #e8f7fa; border: solid 1px #4ea7c2; margin: 0px 0 9px 0;} /* light blue */
	.light_blue_header	{background-color: #4ea7c2; padding: 0.25em 0.5em; /*padding-left: 4px;*/ font-weight: bold; color: white; height: 20px;}
.bordered_navyblue{border: solid 1px #253F77; margin: 0px 0 9px 0;} /* orange */
	.navyblue_header	{background-color: #253F77; padding: 0.25em 0.5em; font-weight: bold; color: white; height: 20px;}
#home-main h2 {margin: 0; height: auto;}

	.block-body-content, .orange_content, .navyblue_content, .light_blue_content, .blue_content {padding:0 1em;}

.bordered_red   {border: solid 1px #c91f4c;} /* maroon-red */
.bordered_lilac {border: solid 1px #a26cac;} /* light purple */
	.lilac_header	{background-color: #a26cad; padding-left: 4px; font-weight: bold; color: white; height: 20px;}
	.lilac_content 	{background-color: #efe0f2; padding:1em;}

.goback			{clear:both; padding-top:1em}
.dllink		{font-size: 0.9em; text-align: right;}
.navigation     {background-color:#D7E4EE; padding-bottom: 4px; padding-left: 6px; padding-right: 8px; padding-top: 2px;} /* light teal */
.special        {font-weight: bold; color: orange; letter-spacing: -1px;}
.price          {font-weight: bold; color: #0B3D92;} /* blue */
.resource_img   {padding-top: 4px;}
.news_pic       {border: solid 1px black;}

.footer 	    {background-color: #A081AC; font-family : verdana; font-size: .7em; line-height: 1.3em; color: white; vertical-align: middle; margin-bottom: 2px;} /* light purple */
.footer a		{text-decoration: none;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {color:#fff;}
.footer a:hover {text-decoration: underline}

.teal           {background-color: #89CCE1;} 
.login_table    {width: 86%; border: 1px solid white; width: 84%;}
.login_header   {font-size: .72em; color: white; font-weight: bold; height: 25px;}
.login_text     {font-size: .7em; color: white; height: 23px;}
input.login     {font-size: 1.2em; font-family: verdana;}

.divider_bar    {background-color:#0B3D92; color: white; font-weight: bold; /*text-transform: uppercase;*/ height:21px; padding-left:4px;}
ul.numbered_list{list-style-type: decimal; list-style-position: outside; margin-left: .8cm; margin-top: .2cm;}
.numbered_list  {list-style-type: decimal; list-style-image: none}
ul.num_sm       {list-style-position: outside; margin-top: 0cm; margin-bottom: 0cm; margin-left: .8cm;}
li.num_sm       {color: #0B3D92; font-family: arial; font-size: .9em; list-style-type: decimal; marker-offset: -2cm; line-height: 1.2em;} 
ul.dot          {list-style-position:outside; margin-left: -.4cm; *margin-left: .6cm; list-style-image: url("images/dot.gif"); margin-top: .2cm;  margin-bottom: .6cm}   
li.dot          {margin-bottom: 5px;}

ul.check       	{list-style-position:outside; margin-left: .4cm; list-style-image: url("images/checkmark.gif"); margin-top: .2cm;}
ul.checklist	{list-style-image: url(images/black_box.gif);}
ul.checklist li	{margin: 0 0 0.5em;}
ul.check li,
li.check      	{margin-bottom: 5px;} 

#main-column tbody td {vertical-align:top;}

.quick_ref      {padding-bottom: 8px;}
.company_name   {font-weight: bold; padding-bottom: 0px;}
.members        {padding-left: 4px;}
.members_alt    {padding-left: 4px; background-color: #EAE7EB;}

table.consider	{padding: 2px 2px 12px 2px; }
table.consider	td {vertical-align: top;}
table.consider	#title	{font-weight: bold;}
table.consider	#title_ital	{font-style: italic; font-weight: bold; color: darkblue;}

#ordering		{background:#FFEFD1; margin-bottom:0.5em; border: 1px solid #E1A73B;}
#ordering h2	{margin:0; background:#EA9800; color:#fff; padding: 0.25em; font-size: 1.1em}
#ordering ul	{margin: 0.75em 1em; padding:0 0 0 1em}
#ordering img 	{display:block; float:right; margin: -2px 2px 0 22px;}

#systemdown 	{background:#ffc; color:#111; margin-bottom:0.5em; font-size:.88em; border-top:1em solid #e00; border: 0.25em solid #e00}
#systemdown h2 	{margin:0; background:#e00; color:#fff; padding: 0.25em; font-size: 1.1em}
#systemdown p 	{margin: 0.75em}

#rates {text-align:center;}
#rates table {width: 19em; margin: 0 auto;border-collapse:collapse;}
#rates table, #rates td, #rates th {border:1px solid #633675}
#rates td, #rates th {padding: 0.25em 0.5em; font-size:0.8em;}
#rates th {background:#633675; color:#fff;}

label 			{font-weight:bold}
.membertypes label {font-weight:normal}
.membertypes td {padding: 9px 0 6px;}
.star 			{color:#e00;}
.sponsor		{text-align:center; margin: 1em;}

.acetaminophensafeuse h2	{font-size:1.25em; margin: 1.5em 0 1em; color:#0B3D92; font-weight:normal; line-height:2}
.acetaminophensafeuse ul,
.acetaminophensafeuse ol	{margin-left:.75em; padding-left:.75em;}
.acetaminophensafeuse li	{margin: 1em 0;}
.acetaminophensafeuse dt	{font: bold italic 1.1em/1.45em Verdana, Helvetica, Arial, sans-serif; margin: 1.5em 0 0}
.acetaminophensafeuse dd	{margin:0;}
.acetaminophensafeuse .sectionmenu a {font-weight:bold}
.acetaminophensafeuse .sectionmenu a:link,
.acetaminophensafeuse .sectionmenu a:visited {color: #d06831}
.acetaminophensafeuse .sectionmenu strong {color:#0B3D92}

.acetaminophensafeuse .thumbnail {float:right; margin:-0.75em 1em 1em;}
.acetaminophensafeuse h2 .pdflink, .acetaminophensafeuse h3 .pdflink  {font-weight:normal; font-size:0.8em;}

.acetaminophensafeuse h3.asa-logo-title {text-align:left; margin: 1.5em 0 -.5em 0}
.acetaminophensafeuse h3.asa-logo-title .asa-logo {margin-top:-0.5em; position:relative;}

.acetaminophensafeuse.communicationslab_messages #main-column	{background: #fff url(acetaminophen/images/microphone.gif) 200px 160px no-repeat}
.acetaminophensafeuse.communicationslab_articles #main-column	{background: #fff }
.acetaminophensafeuse.communicationslab_materials #main-column	{background: #fff url(acetaminophen/images/radio.gif) 240px 320px no-repeat}

ul#acetaminophen-overview-items li {margin-left:2em; margin-bottom:16px;}
ul#acetaminophen-overview-inner-items li {margin-bottom:5px;  margin-top:0px;}

ul.drug-facts-medicine-smart-ul li {margin:2px;}

table.meds-containing-acetaminophen-table {width:105%; border-collapse:collapse;}
table.meds-containing-acetaminophen-table td, table.meds-containing-acetaminophen-table th {padding:0;}
table.meds-containing-acetaminophen-table li {margin:3px;}

table.pain-relievers-at-a-glance-table {width:100%; border-collapse:collapse; border:1px solid black;}
table.pain-relievers-at-a-glance-table td, table.pain-relievers-at-a-glance-table th {padding:4px; border:1px solid black;}
table.pain-relievers-at-a-glance-table th {background:#253F77; color:white;}

#apap-logo		{display:block; margin: 1em auto 3em;}
.apap-modules	{text-align:center; margin: 1em;}
.apap-module-logo	{float:left; margin: 0 1em 3em 0;}
.apap-modules .apap-module-logo {float:none; margin: 1em;}
p.asa			{margin: 1em 0; padding: 0.5em; height:80px; font-size:0.9em}
.asa-logo		{display:block; float:left; margin-right:1.25em}
p.asa .asa-logo {margin: 0.5em 1.25em 0 0}

.inline-list 	{margin:1em 0; overflow:auto; padding:0;}
.inline-list li {float:left; padding-right:1em; margin-right:1em}
.knowthefacts_safetynews li {margin: 0 0 1em;}


ol.quiz {font-weight:bold; color: #0B3D92; margin-left:1.5em; font-size:1.25em; padding-left:1.5em;  }
#savvy, #savvy-answers {font-size:1em; color:#111;}
.quiz dl {clear:both; margin:0; padding:0;}
.quiz li {clear:both; padding: 0.5em 0; margin: 0; } 
* html #savvy, * html #savvy-answers {margin-left:2em}
* html #savvy li, * html #savvy-answers li, * html #aq li {padding-top: 0; padding-bottom:1em;}
.quiz li span, .quiz li div {font-style:normal; font-size:0.8em; color:#111; font-weight:normal} 
.quiz dt {clear:both; font-style:normal; margin:0; padding:0 0 0.5em;} 
.quiz dt em {font-weight:normal}
.quiz dd, .quiz label {font-weight:normal}
.quiz dd {float:left; margin-right:2.5em}
.quiz .other {padding-bottom:1em; line-height:2}
.quiz label {white-space:nowrap}
.quiz .agreement {border-collapse:collapse; width:94%;}
.quiz .agreement, .quiz .agreement th, .quiz .agreement td {border:1px solid #333; padding: 0.25em 0.5em}
.quiz .agreement thead th {text-align:center; vertical-align:bottom}
.quiz .agreement tbody th {font-weight:normal}
* html .quiz dl {clear:both; margin-top: -1.25em;}
.quiz .answer-long {clear:both; float:none;}
#savvy-answers dd { background: transparent url(images/checkmark.gif) no-repeat 0 0.25em; padding-left:1.5em;}
#savvy dd {background: transparent url(images/black_box.gif) no-repeat 0 0.25em; padding-left: 1.5em}
#aq dd {background: transparent url(images/black_box.gif) no-repeat 0 0.25em; padding-left: 1.5em;}

#aq dt, #aq dd {font-size:0.8em; font-weight:normal; padding-bottom:0.5em; color:#111;}
#aq .answer {float:none; display:block;clear:both; padding-left:0; background-image:none;}

* html #aq .answer {padding-top:0.5em}




.callout {
	background: #f8eceb;
	border:1px solid #d1593b;
	padding:1em;
	margin: 1em;
}

.callout li 	{clear:both; margin: 0.5em 0;}

.callout-blue {
	margin:1em; padding:1em;
    background: #e2e3f2;
	border: 1px solid #0087E8
}
.callout-purple {
	background: #ebe9f0;
	border:1px solid #423a8f;
}

.callout-purple h3 {
	color: #423a8f;
}

.callout h3 {
	text-align:center;	
	margin: 0.5em 0 1em;
	font-size:1.2em;
}

.field-replace 	{font-weight:bold; color:#0B3D92}

#lab-list		{left:60px; padding-left:0; margin-left:40px; position:relative; margin-right:80px;}
#lab-list li	{position:relative;}
#lab-list .asa-logo {position:absolute; left: -90px; top:0}


ul.medlist {margin:0; padding: 0; list-style:none; float: left; width: 11em;}
ul.medlist li {margin:0.25em 0;}

#planningguide {margin: 1em auto; width:720px; border-collapse:collapse; border-spacing:0;}
#planningguide, #planningguide td, #planningguide th {border:1px solid #333; text-align:left;   }
#planningguide td, #planningguide th {padding: 0.25em 0.5em; font-size:0.8em; margin:0;}

.communicationslab_strategies label {font-weight:normal}
.bold_underlined {
	font-weight: bold;
	text-decoration: underline;
}

.adherence_report           {color: #0044B8; }
.survey_findings li {margin: 5px 10px 10px 20px;}
.indent {margin-left: 4px;}
/*.key_programs {margin-bottom: 20px;}*/

table#donate-block-table td {vertical-align:bottom;}
table#donate-block-table input {margin:0;}


/* Logos */
.mem-roster-logo-container.has-logo {
	cursor: pointer;
}

.mem-roster-logo-container.has-logo.allergan {
	background: transparent url(/images/logo_allergan.png) no-repeat;
	height: 60px;
	margin-left: 20px;
}