/**
 * -----------------------------------------------------------------------------
 * Name: common.css
 * Date: 10/08/2008
 * -----------------------------------------------------------------------------
 */
@import "reset.css";
/**
 * -----------------------------------------------------------------------------
 * Standard HTML Elements
 * -----------------------------------------------------------------------------
 */
.print_only { display: none; }
.highlight,
.alt-highlight {
  color: #ff8a00;
  font-size: 1.1em;
  font-weight: bold;
}
.alt-highlight { color: #000; }
body {
	background: #66bbf0 url(../images/background_bs_global.gif) left top repeat-x;
	font: normal 74.5%/1.2 Arial, Helvetica, sans-serif
}
ol {
	list-style-type: decimal;
	margin: 0 0 0 18px;
	*margin: 0 0 0 25px;
}
a {
	color: #1586cb;
	text-decoration: none;
}
a:link {
	color: #006ec7;
	text-decoration: none;
}
a:visited {
	color: #006ec7;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a:active {
	color: #006ec7;
	text-decoration: none;
}
input.textbox {
	border: 1px solid #1586cb;
	width: 175px;
}
textarea {
	border: 1px solid #1586cb;
	width: 360px;
}
sup {
	font-size: .8em;
	vertical-align:text-top;
}
sub { vertical-align: sub; }
acronym { border-bottom: 1px dashed #006ec7; }
/**
 * -----------------------------------------------------------------------------
 * Structural Setup
 * -----------------------------------------------------------------------------
 */
#wrapper {
	background: transparent url(../images/background_wrapper.gif) 0px 0px repeat-y;
	margin: 0 auto;
	width: 810px;
}
#branding { background: transparent url(../images/background_branding_top.gif) 4px 0px no-repeat; }
#content {
	border-bottom: 1px solid #dbe3ea;
	margin: 0 0 0 4px;
	width: 800px;
}
#nojsDiv {
	background-color:#BE0114;
	color:#FFFFFF;
	padding:5px 20px 7px 10px;
}
.two_col #content_main {
	float: left;
	margin: 0 0 0 20px;
	width: 555px;
}
.two_col #content_secondary {
	float: right;
	margin: 0 1px 0 0;
	width: 209px;
}
#content.three_col { background: transparent url(../images/background_secondary_nav.gif) 0px 0px repeat-y; }
.three_col #content_main {
	float: left;
	margin: 0 0 0 151px;
	width: 425px;
}
.three_col #content_secondary {
	float: left;
	margin: 0 0 0 -577px;
	width: 145px;
}
.three_col #content_tertiary {
	float: right;
	width: 208px;
}
#content_ancillary {
	background: #66bbf0 url(../images/background_ancillary.gif) 0px 0px no-repeat;
	height: 120px;
}
/**
 * -----------------------------------------------------------------------------
 * Branding Elements
 * -----------------------------------------------------------------------------
 */
h1 a {
	background: transparent url(../images/beta_logo.jpg) 0px 0px no-repeat;
	display: block;
	float: left;
	height: 64px;
	margin: 41px 0 0 15px;
	text-indent: -9999px;
	width: 200px;
}
h2 {
	display: block;
	margin: 0 0 0 4px;
	text-indent: -9999px;
}
.beta_app h2 {
  display: none;
}
#home div#homepage_branching {
  background: transparent url(../patients/home/images/non_flash.jpg) 0px 0px no-repeat;
	height: 297px;
	margin: 0 0 0 4px;
	width: 800px;
}
#home h2 { text-indent: 0; }
#splash h2 {
	background: transparent url(../images/heading_options.jpg) 0px 0px no-repeat;
  height: 176px;
}
#home h3.home {
	background: transparent url(../patients/home/images/header_homepage.gif) 0px 0px no-repeat;
	height: 25px;
	text-indent: -9999px;
}
#about h2,
#understanding_ms h2,
#betaplus h2,
#hcp h2,
#global h2,
#mentorIframe h2 {
	background: transparent url(../images/heading_about.jpg) 0px 0px no-repeat;
	height: 97px;
}
#betaplus.webcasts h2 { background: transparent url(../images/heading_realworld.jpg) 0px 0px no-repeat; }
/**
 * -----------------------------------------------------------------------------
 * Navigational Elements -- Zero
 * -----------------------------------------------------------------------------
 */
ul#navigation_zero {
	display: block;
	float: right;
	font-size: .96em;
	height: 45px;
	width: 370px;
}
ul#navigation_zero li {
	float: left;
	margin: 25px 16px 0 10px;
}
ul#navigation_zero li.first_link {margin-left: 0; }
/**
 * -----------------------------------------------------------------------------
 * Main Navigational Elements
 * -----------------------------------------------------------------------------
 */
ul#navigation_main { margin: 0 0 0 4px; }
ul#navigation_main li {
	float: left;
	height: 31px;
}
ul#navigation_main li a {
	display: block;
	height: 31px;
	text-indent: -9999px;
}
ul#navigation_main li a#home_link {
	background: transparent url(../images/main_navigation/home.gif) 0px 0px no-repeat;
	width: 131px;
}
ul#navigation_main li a#about_link {
	background: transparent url(../images/main_navigation/about.gif) 0px 0px no-repeat;
	width: 217px;
}
ul#navigation_main li a#understanding_link {
	background: transparent url(../images/main_navigation/understanding.gif) 0px 0px no-repeat;
	width: 222px;
}
ul#navigation_main li a#betaplus_link {
	background: transparent url(../images/main_navigation/betaplus.gif) 0px 0px no-repeat;
	width: 230px;
}
ul#navigation_main li a#home_link:hover,
ul#navigation_main li a#about_link:hover,
ul#navigation_main li a#understanding_link:hover,
ul#navigation_main li a#betaplus_link:hover  { background-position: 0px 50% }

#home ul#navigation_main li a#home_link,
#home ul#navigation_main li a#home_link:hover,
#about ul#navigation_main li a#about_link,
#about ul#navigation_main li a#about_link:hover,
#understanding_ms ul#navigation_main li a#understanding_link,
#understanding_ms ul#navigation_main li a#understanding_link:hover,
#betaplus ul#navigation_main li a#betaplus_link,
#betaplus ul#navigation_main li a#betaplus_link:hover { background-position: 0px 100%  }
/**
 * -----------------------------------------------------------------------------
 * Branding Elements - form
 * -----------------------------------------------------------------------------
 */
#branding form {
	float: right;
	margin: 16px 10px 0 0;
}

#isi_top {
  padding: 20px 0 10px 20px;
  float: left;
  width: 540px;
}
/**
 * -----------------------------------------------------------------------------
 * Branding Elements - Font Resizer
 * -----------------------------------------------------------------------------
 */
.font_resizer {
	float: right;
	margin: 14px 0 0 0;
	width: 125px;
}
ul.font_resizer li {
	color: #006ec7;
	display: inline;
	font-size: .9em;
	font-weight: bold;
}
ul.font_resizer li a#font_small { padding: 0 4px; }
ul.font_resizer li a#font_medium {
	font-size: 1.3em;
	padding: 0 4px 0 0;
}
ul.font_resizer li a#font_large { font-size: 1.6em; }
ul.font_resizer li a#font_small {
  font-weight: bold;
  text-decoration: underline;
}
ul.font_resizer li a#font_medium {
  font-weight: normal;
  text-decoration: none;
}
ul.font_resizer li a#font_large {
  font-weight: normal;
  text-decoration: none;
}
/**
 * -----------------------------------------------------------------------------
 * Branding Elements - HCP Link
 * -----------------------------------------------------------------------------
 */
a.hcp_link {
	display: block;
	float: right;
	height: 27px;
	margin: 10px 20px 0 0;
	text-indent: -9999px;
	width: 172px;
}
a.spanish_link {
  display: block;
  float: left;
  text-indent: -9999px;
  position: relative;
  height: 27px;
  top: 0px;
  width: 80px;
  margin: 10px 0 0 0;
}
/**
 * -----------------------------------------------------------------------------
 * Branding Elements - Search Box
 * -----------------------------------------------------------------------------
 */
#search label {
	background: transparent url(../images/search_label.gif) 0px 0px no-repeat;
	display: block;
	float: left;
	height: 25px;
	margin: -3px 0 0 0;
	text-indent: -9999px;
	width: 38px;
}
#search input#txt_search {
	background: transparent url(../images/search_background.gif) 0px 0px repeat-x;
	border: 0;
	border-bottom: 1px solid #a2d2ef;
	color: #9e9e9e;
	float: left;
	font-size: .9em;
	height: 15px;
	padding: 3px 0 0 0;
	width: 100px;
}
#search input#search_submit {
	background: transparent url(../images/search_button.gif) 0px 0px no-repeat;
	border: 0;
	float: left;
	height: 21px;
	width: 45px;
}
#search_page { margin: 0 0 0 -7px; }
#search_page label {
	background: transparent url(../images/search_label.gif) 0px 0px no-repeat;
	display: block;
	float: left;
	height: 25px;
	margin: -3px 0 0 0;
	text-indent: -9999px;
	width: 38px;
}
#search_page input#txt_search_page {
	background: transparent url(../images/search_background.gif) 0px 0px repeat-x;
	border: 0;
	border-bottom: 1px solid #a2d2ef;
	color: #9e9e9e;
	float: left;
	font-size: .9em;
	height: 15px;
	padding: 3px 0 0 0;
	width: 250px;
}
#search_page input#search_submit_page {
	background: transparent url(../images/search_button.gif) 0px 0px no-repeat;
	border: 0;
	float: left;
	height: 21px;
	width: 45px;
}
.results { padding: 10px 0 0 0; }
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Main -
 * -----------------------------------------------------------------------------
 */
#content_main { padding: 15px 0 30px 0; }
#home #content_main { padding: 0 0 30px 0; }
#content_main h3 {
	color: #1586cb;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#content_main h4 {
	color: #1586cb;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 0 0;
}
#content_main h5 {
	color: #1586cb;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 0 0 0;
}
#content_main p { margin: 5px 20px 10px 0; }
#content_main ul { padding: 0 0 10px 0; }
#content_main ul li {
	background: transparent url(../images/arrow_main_content_lists.gif) 0px .65em no-repeat;
	padding: 5px 0 5px 15px;
}
#content_main ul  li ul { margin: 5px 0 0 0px; padding: 0;}
#content_main ul  li ul li {
	background: transparent url(../images/bullet_secondary.jpg) .4em .8em no-repeat;
	padding: 5px 0 7px 15px;
	margin: 0;
}
#content_main ul  li ul li.internal { padding-bottom: 0; }
#content_main img.wrap {
	float: left;
	padding: 0 20px 0 0;
}
#content_main div.footnotes {
	font-size: .95em;
	padding: 30px 0 0 0;
}
#content_main blockquote {
	color: #fe7400;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 20px 0;
}
#content_main blockquote cite {
	color: #000;
	display: block;
	font-size: .7em;
	padding: 10px 0 0 0;
}

#content_main blockquote.secondary_quote {
	color: #1586cb;
	float: right;
	font-size: 1.1em;
	width: 260px;
}
#content_main div.training { padding: 0 0 10px 0; }
#content_main div.training a {
	display: block;
	float: left;
}
#content_main div.training h4 {
	float: left;
	width: 250px;
	padding: 0;
}
#content_main div.training p {
	float: right;
	width: 402px;
}
#content_main .content_wrap .side_content {
	float: left;
	width: 300px;
}
#content_main .color01 { color:#fc7600; }

#content #content_main ul.general li {
  background-image: url(../images/bullet_general.gif);
  background-position: 0px .7em;
}
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Videoplayer Area
 * -----------------------------------------------------------------------------
 */
#content_main .videoplayer { padding: 10px 0 10px 0; }
#content_main .videoplayer h4 {
	color: #fc7600;
	float: right;
	font-size: 1.2em;
	margin-top: -5px;
	padding: 0;
	width: 260px;
}



.videoplayer ul {
  float: right;
  width: 257px;
}
.videoplayer img {
  float: left;
}
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Callouts
 * -----------------------------------------------------------------------------
 */
.log_in  {
	background: #e9f7ff;
	border-bottom: 1px solid #d6e9f2;
	padding: 16px 0 10px 15px;
}
.logged_in p {
  font-size:1.2em;
  font-weight:bold;
  padding: 0 0 5px 0;
  color: #FC7600;
}
.logged_in ul li { float: left; }
.logged_in ul li a {
  display: block;
  width: 80px;
  padding: 10px 0;
  text-indent: 20px;
}
.logged_in a#profile { background: transparent url(../patients/images/callout_logout_profile.gif) 0px 0px no-repeat; }
.logged_in a#logout { background: transparent url(../patients/images/callout_logout_profile.gif) 0px 138% no-repeat; }
.content_callouts {
	background: #e9f7ff url(../images/background_callout_bottom.gif) left bottom no-repeat;
	padding: 0 0 10px 0;
}
.content_callouts div {
	color: #fc7600;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 5px 10px 13px;
	border-bottom: 1px solid #d6e9f2;
}
.content_callouts div p.warn{
	color: #000;
	margin-left: -13px;
	margin-top: 10px;
	width: 184px;
	border-top: 1px solid #D6E9F2;
	font-size: .9em;
	padding: 10px 12px 0px 12px;
}
.content_callouts dd { padding:  5px 13px 10px 0px; }
.content_callouts dd#thin_callout { padding:  0px 13px 0px 6px; }
.content_callouts div.last { border: 0; }
.content_callouts dt.associations  {
	color: #fc7600;
	font-size: 1.2em;
  padding: 15px 5px 0 13px;
	font-weight: bold;
}
.content_callouts dd.associations { padding:5px 15px; }
.content_callouts dd.associations ul li { padding:10px 0; }
dl.compare dt,
dl.mentor dt,
dl.betaplus dt,
dl.choice dt {
	font-size: 1.2em;
	font-weight: bold;
}
dl.choice dd {
 	color: #000;
	padding: 5px 0 0 0;
}
dl.compare dd,
dl.betaplus dd {
	background: transparent url(../images/icon_compare.gif) 0px 5px no-repeat;
	color: #000;
	padding: 5px 0 0 50px;
}
dl.betaplus dd { background: transparent url(../images/icon_betaplus.jpg) 0px 5px no-repeat; }
dl.mentor dd {
	background: transparent url(../images/icon_mentor.jpg) 41% 10% no-repeat;
	color: #000;
	padding: 85px 0 0 0;
}
dl.save_money dt {
	background: transparent url(../images/icon_money-save.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	height: 50px;
}
dl.save_money dd {
	color: #000;
	padding: 5px 0 0 0;
}
dl dd span { color: #1586cb; }
#thin_callout {
	background: transparent url(../images/icon_thinnest-needle.gif) 2px 55% no-repeat;
	text-indent: -9999px;
	height: 50px;
}
#forward {
	background: transparent url(../patients/images/callout_forward.jpg) right bottom no-repeat !important;
	height: 60px;
}
#forward a {
	display: block;
	float: left;
	height: 15px;
	margin: 32px 0 0 55px;
	text-indent: -9999px;
	width: 135px;
}
#print {
	background: transparent url(../patients/images/callout_print.jpg) right bottom no-repeat !important;
	height: 60px;
	margin: 0 0 10px 0;
}
#print a {
	display: block;
	float: left;
	height: 15px;
	margin: 32px 0 0 40px;
	text-indent: -9999px;
	width: 80px;
}
.log_in label { font-weight: bold; }
.log_in fieldset { padding: 10px 0 0 0; }
.log_in fieldset p { padding: 5px 0; }
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Callout Boxes
 * -----------------------------------------------------------------------------
 */
#content_main .box {
	background: transparent url(../patients/images/box_footer.jpg) 0px bottom no-repeat;
	padding: 0 0 17px 0;
}
#content_main .box h4 {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#content_main .box h4.how_it_happens {
	background: transparent url(../patients/images/heading_how_it_happens.jpg) 0px 0px no-repeat;
	height: 47px;
}
#content_main .box h4.symptoms {
	background: transparent url(../patients/images/heading_symptoms.jpg) 0px 0px no-repeat;
	height: 43px;
}
#content_main .box h4.note {
	background: transparent url(../patients/images/heading_note.jpg) 0px 0px no-repeat;
	height: 45px;
}
#content_main .box .content_box {
	background: transparent url(../patients/images/box_background.jpg) 0px 0px repeat-y;
	padding: 0;
	margin: 0;
}
#content_main .box .content_box p {
	padding: 0;
	margin: 0;
}
#content_main .box .content_box ul.happens {
	margin: 0 0 0 30px;
	padding: 0;
	width: 345px;
}
#content_main .box .content_box ul.happens li {
	background: none;
	padding: 0;
}
#content_main .box .content_box ul.happens li.first,
#content_main .box .content_box ul.happens li.second,
#content_main .box .content_box ul.happens li.third {
	background: transparent url(../patients/images/chart_happens_1.jpg) 0px 0px no-repeat;
	display: block;
	min-height: 110px;
  height: auto !important;
  height: 110px;
	padding: 0 15px 20px 160px;
}
#content_main .box .content_box ul.happens li.second { background: transparent url(../patients/images/chart_happens_2.jpg) 0px 0px no-repeat; }
#content_main .box .content_box ul.happens li.third { background: transparent url(../patients/images/chart_happens_3.jpg) 0px 0px no-repeat; }
#content_main .box .content_box ul.symptoms {
	margin: 0 0 0 9px;
	width: 387px;
}
#content_main .box .content_box ul.symptoms li {
	background: transparent url(../images/bullet_general.gif) 15px 50% no-repeat;
  font-size: 1.2em;
	padding: 10px 0 10px 30px;
}
#content_main .box .content_box ul.symptoms li.alt { background: #e9f7ff url(../images/bullet_general.gif) 15px 50% no-repeat; }
#content_main .box .content_box ul.symptoms li.first {
  padding-top: 0px;
  background-position: 15px 28%;
}
#content_main .box .content_box ul.symptoms li.last { margin-bottom: -15px; }
#content_main .box .content_box p {
	padding: 0 0 0 20px;
	width: 360px;
}
#content_main .box .content_box p.callout {
	color: #fe7400;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 10px 20px;
	text-align: center;
	width: 360px;
}
#content_main .box .content_box p span.callout { color: #1586cb; }
/**
 * -----------------------------------------------------------------------------
 * Content Elements - FAQS
 * -----------------------------------------------------------------------------
 */
p.question,
a.question {
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px 0;
}
a.question:hover { text-decoration: underline; }
.answer {
  padding: 0 0 20px 0;
  width: 393px; /*Need the width of the element for jQuery...see Joe C for reasons*/
  display: none;
}
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Ancillary & ISI -
 * -----------------------------------------------------------------------------
 */
#content_isi { padding: 25px 0 0 0; }
#home #content_isi { padding: 0px 20px 5px 20px; }
#content_links ul {
	text-align: center;
	padding: 10px 0;
}
#content_links ul li{
	display: inline;
	padding: 10px 7px;
}
#content_ancillary { text-align: center; }
#content_ancillary p {
	border-top: 1px solid #dbe3ea;
	font-size: .9em;
	margin: 0 0 10px 4px;
	*margin: 0 0 10px -1px;
	padding: 20px 0 0 0;
	width: 800px;
}
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Forms
 * -----------------------------------------------------------------------------
 */
#sign_up_form fieldset {
	display: block;
	width: 400px;
	padding: 0 0 10px 0;
}
#sign_up_form label {
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 3px 0 0;
	text-align: right;
	width: 140px;
}
#sign_up_form label.inlineLabel {
	display: inline;
	float: none;
	font-weight: normal;
}
#sign_up_form label.descriptiveField { height: 70px; }
#sign_up_form  label#waiver {
	float: right;
	font-weight: normal;
	text-align: left;
	width:377px;
}
#sign_up_form fieldset#waiver input#chk_waiver {
	text-align: right;
	border: 1px solid red;
	float: right;
}
#sign_up_form fieldset p.single_element {
	float: right;
	width: 233px;
}
#forward_form  fieldset label {
	font-weight: bold;
	display: block;
	width: 180px;
	float: left;
}
/**
 * -----------------------------------------------------------------------------
 * Content Elements - Buttons
 * -----------------------------------------------------------------------------
 */
a.button {
	display: block;
	height: 27px;
	text-indent: -9999px;
	background: #f00;
	color: #fff;
}
a.view_video {
	background: transparent url(../images/buttons/view_video.gif) 0px 0px no-repeat;
	width: 120px;
}
a.view_video:hover {
	background: transparent url(../images/buttons/view_video.gif) 0px 100% no-repeat;
}
a.thinnest_needle {
	background: transparent url(../images/buttons/learn_more_about.gif) 0px 0px no-repeat;
	width: 427px
}
a.thinnest_needle:hover { background: transparent url(../images/buttons/learn_more_about.gif) 0px 100% no-repeat; }
a.download {
	background: transparent url(../images/buttons/download.gif) 0px 0px no-repeat;
	width: 119px;
}
a.download:hover { background: transparent url(../images/buttons/download.gif) 0px 100% no-repeat; }
a.treatment {
	background: transparent url(../images/buttons/treatment.gif) 0px 0px no-repeat;
	width: 220px;
}
a.treatment:hover { background: transparent url(../images/buttons/treatment.gif) 0px 100% no-repeat; }
a.register_now {
	background: transparent url(../images/buttons/register.gif) 0px 0px no-repeat;
	width: 147px;
}
a.register_now:hover { background: transparent url(../images/buttons/register.gif) 0px 100% no-repeat; }
a.watch {
	background: transparent url(../images/buttons/watch.gif) 0px 0px no-repeat;
	width: 196px;
}
a.watch:hover { background: transparent url(../images/buttons/watch.gif) 0px 100% no-repeat; }
a.video_archive {
	background: transparent url(../images/buttons/view_video_archives.gif) 0px 0px no-repeat;
	width: 200px;
}
a.video_archive:hover { background: transparent url(../images/buttons/view_video_archives.gif) 0px 100% no-repeat; }
a.sign_up_injection {
	background: transparent url(../images/buttons/sign_up_for.gif) 0px 0px no-repeat;
	width: 313px;
}
a.sign_up_injection:hover { background: transparent url(../images/buttons/sign_up_for.gif) 100% 0px no-repeat; }
a.lookup_injection {
	background: transparent url(../images/buttons/lookup.gif) 0px 0px no-repeat;
	width: 360px;
}
a.lookup_injection:hover { background: transparent url(../images/buttons/lookup.gif) 0px 100% no-repeat; }
a.back {
	background: transparent url(../images/buttons/back.gif) 0px 0px no-repeat;
	width: 83px;
}
a.back:hover { background: transparent url(../images/buttons/back.gif) 0px 100% no-repeat; }
a.peer_mentor_program {
	background: transparent url(../images/buttons/startpeer.gif) 0px 0px no-repeat;
	width: 283px;
}
a.peer_mentor_program:hover { background: transparent url(../images/buttons/startpeer.gif) 0px 100% no-repeat; }
a.training_new {
	background: transparent url(../images/buttons/new_to.gif) 0px 0px no-repeat;
	width: 227px;
}
a.training_new:hover { background: transparent url(../images/buttons/new_to.gif) 0px 100% no-repeat; }
a.training_experienced {
	background: transparent url(../images/buttons/taking_betaseron.gif) 0px 0px no-repeat;
	width: 227px;
}
a.training_experienced:hover { background: transparent url(../images/buttons/taking_betaseron.gif) 0px 100% no-repeat; }
a.ok {
	background: transparent url(../images/buttons/ok.gif) 0px 0px no-repeat;
	width: 56px;
	display: block;
	float: left;
}
a.ok:hover { background: transparent url(../images/buttons/ok.gif) 0px 100% no-repeat; }
a.cancel {
	background: transparent url(../images/buttons/cancel.gif) 0px 0px no-repeat;
	width: 93px;
	display: block;
	float: left;
}
a.cancel:hover { background: transparent url(../images/buttons/cancel.gif) 0px 100% no-repeat; }
a.close {
	background: transparent url(../images/buttons/close.gif) 0px 0px no-repeat;
	width: 83px;
	display: block;
	float: left;
}
a.close:hover { background: transparent url(../images/buttons/close.gif) 0px 100% no-repeat; }
a.view_pdf {
	background: transparent url(../images/buttons/viewpdf.gif) 0px 0px no-repeat;
	width: 115px;
	display: block;
	float: left;
}
a.view_pdf:hover { background: transparent url(../images/buttons/viewpdf.gif) 0px 100% no-repeat; }
a.join_now {
	background: transparent url(../images/buttons/join_now.gif) 0px 0px no-repeat;
	width: 109px;
}
a.join_now:hover { background: transparent url(../images/buttons/join_now.gif) 0px 100% no-repeat; }
/**
 * -----------------------------------------------------------------------------
 * Large Compare Chart
 * -----------------------------------------------------------------------------
 */
body#compare { background: transparent url(../patients/images/chart_large_background.jpg) 0px 0px repeat-y; }
body.compare #content_main {
	margin-left: 148px;
	width: 640px;
}
body.compare #content_secondary { margin-left: -789px;}
body.compare h4 {
	background: transparent url(../patients/images/heading_compare.jpg) 0px 0px no-repeat;
	text-indent: -9999px;
	height: 26px;
}
body.compare #bg {
	background: transparent url(../patients/images/chart_large_background.jpg) 0px 0px repeat-y;
	margin: 0 0 -2px 0;
}
body.compare table {
	border-collapse: collapse;
	padding: 0;
	margin: -10px 0 0 3px;
	width: 630px;
}
body.compare table tr td table { margin-top: 0px; }
body.compare table tr td {
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}
body.compare table tr.alt td { background: #f2f2f2; }
body.compare table tr td.heading {
	color: #000 !important;
	font-size: 1.3em;
}
body.compare div.last  {
	background: transparent url(../patients/images/chart_large_footer.jpg) 0px 0px no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 3px;
}
#compare .footnotes {
	background: #5eaceb;
	color: #fff;
	width: 593px;
	padding: 10px 20px;
}
body#compare h4 {
	background: transparent url(../patients/images/heading_compare.jpg) 0px 0px no-repeat;
	text-indent: -9999px;
	height: 46px;
}
#compare .footnotes p { padding: 0 0 10px 0; }
body.compare table tr td.heading.nocheck.beta { color: #3d97ce !important; }
.beta { color: #3d97ce !important; }
body.compare table tr td.nocheck {
	background: 0 !important;
	color: #000 !important;
}
body.compare table tr.alt td.nocheck {
	background: #f2f2f2 !important;
	color: #000 !important;
}
body.compare table tr td.col1 {
	border-right: 1px solid #d6e9f2;
	padding: 20px 15px;
	text-align: left;
	width: 185px;
}
body.compare table tr td.col2 {
	background: transparent url(../patients/images/check_mark.gif) 1.8em center no-repeat;
	border-right: 1px solid #d6e9f2;
	width: 127px;
}
body.compare table tr.alt td.col2 {
	background: #f2f2f2 url(../patients/images/check_mark.gif) 1.8em center no-repeat;
	border-right: 1px solid #d6e9f2;
	width: 127px;
}
body.compare table tr td.col2-inner {
	background: transparent url(../patients/images/icon_check.jpg) 1em center no-repeat;
	border-right: 1px solid #d6e9f2;
	color: #76b84a;
	width: 127px;
}
body.compare table tr.alt td.col2-inner {
	background: #f2f2f2 url(../patients/images/check_mark.gif) 1em center no-repeat;
	border-right: 1px solid #d6e9f2;
	width: 127px;
}
body.compare table tr.alt td table tr td.col2-inner {
	background: #f2f2f2 url(../patients/images/check_mark.gif) 0.75em center no-repeat;
	*background: #f2f2f2 url(../patients/images/check_mark.gif) left center no-repeat;
	border-right: 1px solid #d6e9f2;
	width: 127px;
}
body.compare table tr td table tr td.col2-inner {
	background: transparent url(../patients/images/check_mark.gif) 0.3em center no-repeat;
	*background: transparent url(../patients/images/check_mark.gif) left center no-repeat;
	border-right: 1px solid #d6e9f2;
	color: #76b84a;
	width: 127px;
}
.tinycallouttext {
	color: #3f3b3c;
	font-size: .8em;
	display: block;
	padding: 10px 0 0 0;
}
body.compare table tr td.col3 {
	border-right: 1px solid #d6e9f2;
	color: #939598;
	width: 145px;
}
body.compare table tr td.col4 {
	border-right: 1px solid #d6e9f2;
	color: #939598;
	width: 120px;
}
body.compare table tr td.col5 {
	color: #939598;
	width: 145px;
}
/**
 * -----------------------------------------------------------------------------
 * Dialogs
 * -----------------------------------------------------------------------------
 */
#mask01Div {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:100px;
  height:100px;
  z-index:500;
}
#mask01Iframe {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  height:100px;
  width:100px;
  z-index:501;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
}
#mediaDiv {
  position:absolute;
  top:90px;
  left:-1500px;
  padding:1px;
  text-align:left;
  z-index:502;
}
#mediaDiv p.getFlash {
  padding:12px;
  width:470px;
  background-color:#fff;
  border:3px solid #00b0d9;
}
#leavingSiteDiv,
#leavingSiteDiv2 {
  position:absolute;
  top:90px;
  left:-1500px;
  width:470px;
  background-color:#fff;
  border:3px solid #9dd0fa;
  padding:1px;
  text-align:left;
  z-index:503;
}
#leavingSiteDiv div.content,
#leavingSiteDiv2 div.content {
  border:1px solid #4da400;
  padding:12px;
  line-height:1.6em;
}
#leavingSiteDiv div.content p,
#leavingSiteDiv2 div.content p { margin:1em 0em; }
#leavingSiteDiv div.content img,
#leavingSiteDiv div.content img {
  margin-top:10px;
  margin-right:8px;
}
#hcpDialogDiv {
  position:absolute;
  top:90px;
  left:-1500px;
  width:470px;
  background-color:#fff;
  border:3px solid #9dd0fa;
  padding:1px;
  text-align:left;
  z-index:504;
}
#hcpDialogDiv div.content {
  border:1px solid #4da400;
  padding:12px;
  line-height:1.6em;
}
#hcpDialogDiv div.content p {
  margin:1em 0em;
}
#hcpDialogDiv div.content img {
  margin-top:10px;
  margin-right:8px;
}
#pdfMessageDiv {
  position:absolute;
  top:150px;
  left:-1500px;
  width:470px;
  background-color:#fff;
  border:3px solid #9dd0fa;
  padding:1px;
  text-align:left;
  z-index:505;
}
#pdfMessageDiv div.content {
  border:1px solid #4da400;
  padding:12px;
  line-height:1.6em;
}
#pdfMessageDiv div.content img { margin-right:8px; }
#pdfMessageDiv form { margin-top:1.2em; }
#pdfMessageDiv img.pdfIcon {
  float:right;
  margin:4px 0px 0px 6px;
}
#mentorIFrameDiv {
  position:absolute;
  top:150px;
  width:942px;
  left:-1500px;
  z-index:510;
}
#mentorIFrameDiv div {
  background-color:#fff;
  padding:0px 11px;
  background-image:url(../patients/images/mentor_background.gif);
  background-repeat:repeat-y;
}
#mentorIFrameDiv #mentorFrame {
  width:919px;
  height:300px;
}
#forwardFriendDiv {
  position:absolute;
  top:90px;
  left:-1000px;
  width:470px;
  background-color:#fff;
  border:3px solid #9dd0fa;
  padding:1px;
  text-align:left;
  z-index:511;
}
#forwardFriendIframe {
 height:350px;
 width:470px;
}
/**
 * -----------------------------------------------------------------------------
 * flash message
 * -----------------------------------------------------------------------------
 */
p.getFlash {
  background: #ff0;
  color:#000;
  font-weight:bold;
  padding:5px 20px 5px 45px;
}
/**
 * -----------------------------------------------------------------------------
 * flash message
 * -----------------------------------------------------------------------------
 */
div.audioFile { margin-top:.4em; }
/**
 * -----------------------------------------------------------------------------
 * New compare page stuff
 * -----------------------------------------------------------------------------
 */
#compare_content_left {
	float: left;
	width: 400px;
}
#compare_content_right {
	width: 220px;
	margin-right: -12px;
	float: right;
}
/**
 * -----------------------------------------------------------------------------
 * Navigational Elements -- Secondary
 * -----------------------------------------------------------------------------
 */
#navigation_secondary {
  width: 138px;
  margin: 0 0 0 1px;
}
#navigation_secondary li a {
	border-bottom: 1px dashed #bed9e7;
	color: #005eaa;
	display: block;
	font-size: 1.3em;
	padding: 10px 0 10px 10px;
  height: 1%;
}
#navigation_secondary li a.first { padding-top: 16px; }
#navigation_secondary li a:hover,
.what_is_betaseron li#what_is_betaseron a,
.how_betaseron_works li#how_betaseron_works a,
.why_choose_betaseron li#why_choose_betaseron a,
.reimbursement_support li#reimbursement_support a,
.faqs li#faqs a,
.symptoms li#symptoms a,
.types_of_ms li#types_of_ms a,
.myths li#myths a,
.talking_to_your_doctor li#talking_to_your_doctor a,
.resources li#resources a,
.about_betaplus li#about_betaplus a,
.beta_nurse li#beta_nurse a,
.mentor_program li#mentor_program a,
.webcasts li#webcasts a,
.reimbursement_support li#reimbursement_support a,
.services_support li#services_support a {
	background: transparent url(../images/background_secondary_nav_selected.gif) 0px 0px repeat-y;
	color: #fff;
	text-decoration: none;
}
.why_choose_betaseron li#why_choose_betaseron ul.tertiary,
.beta_nurse li#beta_nurse ul.tertiary,
.mentor_program li#mentor_program ul.tertiary,
.webcasts li#webcasts ul.tertiary,
.services_support li#services_support ul.tertiary { display: block !important; }

.tertiary { background: #fff url(../images/background_secondary_nav_inner.gif) 0px 0px repeat-y; }

#navigation_secondary li ul.tertiary li a {
  background: none;
	border: 0;
  color: #005eaa;
	font-size: 1em;
	padding: 7px 0 7px 18px;
}
#navigation_secondary li ul.tertiary li a:hover,
.other_treatments ul.tertiary li#other_treatments a,
.decision_guide ul.tertiary li#decision_guide a,
.thinnest_needle ul.tertiary li#thinnest_needle a,
.nurse_bios ul.tertiary li#nurse_bios a,
.our_mentors ul.tertiary li#our_mentors a,
.webcasts_archive ul.tertiary li#webcasts_archive a,
.injection_training ul.tertiary li#injection_training a,
.injection_reminders ul.tertiary li#injection_reminders a,
.travel_cards ul.tertiary li#travel_cards a,
.personal_journal ul.tertiary li#personal_journal a, 
.beta_app ul.tertiary li#beta_app a {
	background: transparent url(../images/arrow_secondary_navigation.gif) .75em .75em no-repeat;
	color: #fc7600;
}
#log_in_area,
#thin_callout,
#copay,
#why_choose,
#why_choose_middle,
#compare_top,
#mentor,
#compare_middle,
#betaplus_tout,
#compare_bottom { display: none; }

.login #log_in_area,
.thin_callout #thin_callout,
.copay #copay,
.why_choose #why_choose,
.why_choose_middle #why_choose_middle,
.compare_top #compare_top,
.mentor #mentor,
.compare_middle #compare_middle,
.betaplus_tout #betaplus_tout,
.compare_bottom #compare_bottom  { display: block; }

.thin_callout_e #thin_callout,
.copay_e #copay,
.why_choose_e #why_choose,
.why_choose_middle_e #why_choose_middle,
.compare_top_e #compare_top,
.mentor_e #mentor,
.compare_middle_e #compare_middle,
.betaplus_tout_e #betaplus_tout,
.compare_bottom_e #compare_bottom  {
  border: none;
  display: block;
}
.hp_box {
  background: transparent url(../patients/home/images/hp_boxes.jpg) 0px 0px no-repeat;
}
.hp_box div {
  height: 160px;
}
#hp_treatments dl dt {
  font-size: 1.2em;
  padding: 45px 0 0 14px;
  width: 140px;
}
#hp_treatments dl dd {
  width: 140px;
}
#content_main .hp_box a.box,
#content_main .hp_box div.box {
  display: block;
  width: 235px;
  padding: 0;
  background: transparent;
  float: left;
  margin: 0 0 0 20px;
}
#content_main .hp_box div.support {
  width: 245px;
}
.hp_box dl {
  width: 235px;
}
.hp_box dt,
.hp_box dd {
  padding: 0 0 0 15px;
  width: 130px;
}
.hp_box dt { padding-top: 10px; padding-bottom: 5px; }
.hp_box dt {
  color: #0080c6;
  font-size: 1.8em;
  line-height: 1em;
  font-weight: bold;
}
.hp_box dl.copay {
  padding-left: 80px;
  width: 140px;
}
.hp_box dl.copay dt {
width: 140px;
  padding-bottom: 0;
}
.hp_box dl.copay dd {
  display: block;
  width: 140px;
}
.hp_box dd {
  padding-top: 5px;
  width: 160px;
}
.hp_box dt span {
  color: #fe7400;
  font-weight: bold;
}
.hp_box dd span.contrast {
  color: #fe7400 !important;
  font-weight: bold;
  text-decoration: underline;
}
.hp_box dl.hp_betaplus dt,
.hp_box dl.hp_betaplus dd {
  width: 225px;
}
.hp_box dl.hp_betaplus dd span {
  color: #0080c6;
  font-weight: bold;
}
#home div.footnotes { padding: 25px 20px 5px 20px; }


#homepage_branching a.flash_link {
  display: block;
  width: 177px;
  height: 27px;
  position: relative;
  text-indent: -9999px;
}
#homepage_branching a#access_specialist {
  top: 134px;
  left: 52px;
}
#homepage_branching a#mentors {
  top: 129px;
  left: 310px;
}
#homepage_branching a#beta_nurse {
  top: 76px;
  left: 569px;
}
#homepage_branching a#more_info {
  top: 107px;
  left: 641px;
  width: 145px;
}

#gtd_back {
  display: none;
  position:fixed;
  top: 20px;
  cursor:pointer;
  right: 0px;
  width:100px;
  height:175px;
}
.app {
  width: 267px;
  float: right;
}
.app p {
  padding-left:68px;
  padding-top: 7px;
}

p.join_now_app {
  padding: 0;
}

p.join_now_app span {
  width: 253px;
  height: 8px;
  background: transparent url(../patients/images/app_top1.gif) 0px 0px no-repeat;
  display: block;
}
p.join_now_app {
  width: 253px;
  background: #e9f7ff url(../patients/images/app_bottom1.gif) 0px 100% no-repeat;
}
p.join_now_app span.text {
  padding: 0 9px 9px;
  width: 243px;
  display: block;
  height: auto;
  background: none;
}


p.join_now_app_bottom {
  padding: 0;
}

p.join_now_app_bottom  span {
  width: 353px;
  height: 6px;
  background: transparent url(../patients/images/app_top2.gif) 0px 0px no-repeat;
  display: block;
}
p.join_now_app_bottom  {
  width: 353px;
  padding: 0 0 5px;
  background: #e9f7ff url(../patients/images/app_bottom2.gif) 0px 100% no-repeat;
}
p.join_now_app_bottom span.text {
  padding: 0 2px 2px 7px;
  display: block;
  width: 343px;
  height: auto;
  background: none;
}
