/*@charset "UTF-8";*/
/* CSS Document */

/*-----------------------------------------------------------------------------
Xifaxan-550 Screen Stylesheet

version:   2.0
date:      10/21/2010
website:   www.xifaxan550.com
company: MedThink Communications

------Site Colors  ---------

#007dc3, logo blue (h2, h3, ul, a:hover)
#c1cd23, logo green
#003366, drk blue (h1, a:link, subNav a:hover, signOff)
#03315F, bg drk blue
#4092cc, warm grey (p, subNav a:link)
-----------------------------------------------------------------------------*/  

* { margin: 0; padding: 0; } 

body{ font: 62.5% Arial, Helvetica, Verdana, sans-serif; color: #000000; background-color: #FFF; text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }

h1 { font-size: 3.6em; color:#003366; font-family: "report-school-1","report-school-2", ArialNarrow, Helvetica, sans-serif; font-weight: 100; border-bottom: #c1cd23 solid 1px; line-height: 1em; } 
h1.med { font-size: 3.0em; }
h2 { font-size: 1.9em; color:#007cd3; font-family: Arial, Helvetica, sans-serif; margin: .5em 0; }
h2.med { font-size: 1.7em; }
h2.small { font-size: 1.5em; }
h2 a:link, h3 a:link {color:#007cd3;}
h3 { font-size: 1.6em; color:#007cd3; margin-bottom: .5em; padding-top: 1em; border-bottom:1px dashed #007dc3; }
h4 { font-size: 1.4em; color: #515151; font-family: Arial, Helvetica, sans-serif; }
h5 { font-size: 1.3em; }
    
p { margin-bottom:1em; font-size: 1.4em; line-height: 1.3em; color:#515151; }
p.small { font-size:1.2em; }
p.sml10 { font-size:1.0em; margin-bottom:1.4em; }
ul { color:#515151; }

dl { margin:0; }
dt { margin-top:1em; font-size:1.5em; color:#007cd3; font-weight:bold; font-style:italic; color:#003366; } /* based on h3 */
dd { margin:.25em 0 .5em .75em; font-size:1.4em; line-height:1.5em; color:#003366; } /* based on p */

a:link, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus  { color:#003366; }
a:visited { color:#c1cd23; }
a.linkback:visited { color:white; }
a:hover, a:focus { color:#007dc3; }

img { border:none; }
p a img { vertical-align:top; }

/* class styles throughout site */
.left  { float:left;}
.right { float:right;}
.clear { clear:both; }
.center {text-align: center;}
.super { font-size:60%; vertical-align: super; line-height: 0; text-decoration:none; }
.figure { padding:0 8px 0 12px; font-size:1.15em; text-align:justify; line-height:1.15em; }
.ref { font-size:1.15em; }
.red { color:#F00; }
.top-margin { margin-top:1em; }
.print { display:none; }
.no-wrap { white-space:nowrap; }

.link-list a { text-decoration:none; }
.link-list a:hover { text-decoration:underline; }
.top:visited { color:#003366; }
.top:hover, .top:focus { color:#007dc3; }

/*------ Main layout IDS --------*/

.abs-left { width:50%; position:absolute; left:0; top:0; }
.wrapper { width:100%; }	
.content { width:980px; margin:0 auto; text-align:left; }

	/*------ Main Content alternate link colors ------*/
	#footer a, #breadcrumb a { color:#fff; }
	#top-links a { color:#003366; } /* blue */
	#salix a, #top-links a:hover, #top-links a:focus { color:#007dc3; } /* Logo blue*/
	#breadcrumb a:hover, #breadcrumb a:focus, 
	#footer a:hover, #footer a:focus, #salix a:hover, #salix a:focus { color:#c1cd23; } /* Logo green */
	/*------ END Main Content link colors ------*/

#header { /*min-height:177px; max-height:195px;*/ background:url(../images/theme/head.gif) repeat-x; /*overflow:visible;*/ }
#header .abs-left { height:135px; margin-top:10px; background:url(../images/theme/bkgd-left.gif) repeat-x #03315F; }
#header .content { height:90px; position:relative; padding-top:10px; background:url(../images/theme/head.gif) repeat-x; text-align:right; }
.tag { float:left; margin:17px 0 0 -25px; }

#top-links { float:right; margin-top:20px; position:relative; color:#003366; }
#top-links p { margin-bottom:.5em; }

#search { margin-right:30px; }
.go { width:24px; height:24px; position:absolute; bottom:-8px; right:0; cursor:pointer;	
	background:url(../images/theme/search-button.gif) transparent; border:none; }
.go:hover { background:url(../images/theme/search-button-over.gif); }

#container { background-color:transparent; }
#container .center {text-align: center;}

	/*----- Breadcrumb Area -------*/
	#bulb { float:right; margin-bottom:15px; }
	#breadcrumb { width:491px; min-height:33px; margin-left:238px; background:url(../images/theme/breadcrumb.gif) no-repeat left bottom #007DC3; }
	#breadcrumb p { display:block; height:auto; margin:0; padding:6px 50px 10px 12px; font-size:1.2em; color:#fff; }
	/*----- END Breadcrumb -------*/

#maincontent { float:left; width:480px; margin:0 10px; padding-top:10px; }
#maincontent ul { margin:1.2em 0 1.7em; }
#maincontent ul ul { margin:.5em 0; }
#maincontent li { font-size:1.4em; margin:0 0 1em 30px; list-style-image:url(../images/theme/bullet.gif); }
#maincontent .disc-bullet li { list-style-image:none; list-style-type: disc; margin-bottom: .3em; }

#colright { float:left; width: 240px; /*margin-top:170px;*/ }
#colright img { margin-bottom: 10px; }

#safety { clear:both; margin:0 10px; position:relative; overflow:visible; }
.target { position:absolute; left:50px; top:-167px; }
#helptarget .target  { position:absolute; left:60px; top:163px; clear:both; }
/*#helptarget .target  { position:relative; left:60px; top:-75px; }*/
/*#helptarget { height:350px; }*/
#safety h3 { border-bottom: none; }

#footer { margin:10px 0; position:relative; padding-bottom:10px; background-color:#007DC3; border-top:5px solid #003366; }
#footer .abs-left { height:40px; background-color:#044A81; }
#footer .content { position:relative; background:url(../images/theme/foot-links.gif) no-repeat; }
/*#footer p { font-size: .75em; line-height: 1.5em; color: #5D6062; }*/
#footer p { margin:0 10px 14px; font-size:1.2em; color:#fff; }
.footerInfo {font-size: 1.2em; margin:0 auto; width: 950px; color: #5D6062;}
.footerSocial { width:90px; border-left:1px solid #999999; border-right:1px solid #999999; text-align:center; padding:0 5px; margin: 0 10px; position: relative; float: left; }

#footer p.links { margin-bottom:20px; margin-right: 300px; }
#footer img {float: left; margin: 4px 10px 0px 140px;}
#footer .salix {text-align:left;}

#salix p { font-size:1.2em; color:#003366; }
#salix img { float:left; margin:0 10px 10px; }

/*------ END Main Layout IDS --------*/


/*------ Navigation --------*/
#nav { width:980px; height:45px; margin:0 auto; position:relative; background:url(../images/nav/nav-bkgd.jpg) no-repeat; text-align:left; }
#nav ul { height:40px; list-style-type:none; font-family: Tahoma, Geneva, sans-serif; }
#nav li { float:left; position:relative; border-left:1px solid #03264B; }
#nav li:hover, #home li.home, #about li.about, #treat li.treat, #flora li.flora, 
#resources li.resources, #contact li.contact  { background:url(../images/nav/main-over.gif) repeat-x #007DC3; }
#nav ul a { height:23px; display:block; padding:10px 10px 7px; font-size:1.5em; text-decoration:none; color:#fff; letter-spacing:.025em; }
#nav ul a:hover { background:url(../images/nav/dropdown-over.gif) repeat-x #C1CD23; color:#003366; }

	/*----- Drop Down Nav ------*/
	#nav li ul { width:200px; height:auto; display:none; padding-bottom:5px; position:absolute; top:40px; left:0; 
		border:1px solid #003364; border-top:none; background:url(../images/nav/main-over.gif) repeat-x #007DC3;
	 	border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;
		border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px;
		box-shadow:3px 3px 3px rgba(0,0,0,.5); -moz-box-shadow:3px 3px 3px rgba(0,0,0,.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.5); }
	#nav li:hover ul { display:block; }
	#nav li li { float:none; border:none; border-bottom:1px solid #03264B; }
	#nav li li:hover { background:url(../images/nav/dropdown-over.gif) repeat-x #C1CD23; }
	#nav li li:hover a { color:#003366; }
	#nav li ul a { height:auto; padding:6px 10px; font-size:1.4em; }
	/*----- END Drop Down Nav ------*/
	
	
	/*----- Subnav ------*/
	#subnav { width:231px; float: left; padding-top: 14px; padding-right: 7px; text-align:left;}
	.hesubnav { min-height:400px; }
	.helpsubnav { min-height:190px; }
	#subnav ul { list-style-type:none; }
	#subnav li { padding-left:15px; font-size:1.5em; }
	#subnav li:hover, #subnav .pageon { background:url(../images/nav/bullet-sub.gif) no-repeat 0 6px; }
	#subnav a { display:block; padding:5px; border-bottom:1px dashed #007DC3; text-decoration:none; color:#515151; }
	#subnav .first a { border-top:1px dashed #007DC3; }
	#subnav .pageon { font-weight:bold; }
	#subnav a:hover, #subnav a:focus, #subnav .pageon a { color:#003364 }
  /*----- END Subnav ------*/
	
/*------ END Navigation --------*/


/*------ Home Page ------*/
#home #header { min-height:135px; }
#home #container { padding-top:0; /*position:relative; top:-6px;*/ }
#flash { height:240px; margin-bottom:10px; /*background:url(../images/theme/flashBackup.jpg) no-repeat;*/ }

#home h2 { font-size:2.0em; }
#home #maincontent { width:630px; }

#home #colright { width:325px; margin-top:0; padding-top: 10px; }
#home #nav { background:url(../images/nav/nav-bkgd-home.jpg) no-repeat; }
/*------ END Home Page ------*/


/*------ Hepatic Encephalopathy Treatment 3.0 --------*/
#treat #subnav {margin-bottom: 244px;}
/*------ END Hepatic Encephalopathy Treatment --------*/


/*------ Resources 5.0 --------*/
a.linkbackcentered { margin: 15px 0; height:36px; width:305px; padding: 13px 0px 13px 36px; font-weight:bold; font-size:1.5em;  background:url(../../hepatic-encephalopathy/assets/images/cta/link-back.gif) no-repeat; text-decoration:none; color:#fff; display:block;}
a.linkback { margin: 15px 0; height:36px; width:305px; padding: 4px 0px 4px 36px; font-weight:bold; font-size:1.5em;  background:url(../../hepatic-encephalopathy/assets/images/cta/link-back.gif) no-repeat; text-decoration:none; color:#fff; display:block;}
a:hover.linkback {color:#c1cd23;}
/*------ END Resources 5.0 --------*/

/*------ Sign up ------*/
.SignupForm {background-color: #F6F8E1; padding:10px; padding-bottom: 0; border: 1px solid #007dc3; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom: 14px; }
.SignupForm p.req {text-align: right; margin-right: 60px;}
.SignupForm div { clear:both; margin-bottom:.65em; }
.SignupForm label { width:170px; float:left; margin-right:5px; padding:3px 0 10px; display:block; text-align:right; vertical-align:bottom; font-size: 1.5em; font-weight:bold; color:#515151; }
.SignupForm .check label { width:260px; float:right; margin-right:0; padding-top:0; text-align:left; font-size:1.2em; font-weight:normal; }
.no-label { margin-left:175px; }
.button input { margin-right:10px; }
#maincontent .SignupForm li {list-style-image: none; margin-bottom: .25em; color:#F00;}
.formRefresh { display:none; }
/*------ END Sign up ------*/

/*------- FAQ Page ----------
/*------- END FAQ Page ------*/

/*------ Site Map --------*/
#sitemap li ul li { font-size:1em; }
#sitemap ul.link-list img { margin-top: -5px; }
/*------ END Site Map --------*/




/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
}
div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

}


/*@charset "utf-8";*/
/* CSS Document */


/*--- Samples form ---*/
.samples-form { background-color:#FFFFFF; color:#1C6CC1; }

.form-row-placeholder { text-align: left; padding: 0 0px 10px 0px;height:43px; margin-left:250px;}
.form-row-placeholder2 { text-align: left; padding: 0 0px 15px 0px;height:auto; margin-left:380px; width:500px; clear:both;}
.form-field-title-column-placeholder {width:120px; float:left; text-align:right; padding:0 10px 0 0; margin-top:6px;}
.form-field-column-placeholder {width:420px; float:left; text-align:left; padding:0 10px 0 0;}

.dropdown-style {height: 33px; width:280px; border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 6px; font-size:13px;font-weight:normal;}

.textbox-style {height: 28px; width:273px; border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 3px 0px 0 5px;  font-size:13px;font-weight:normal;}

.small-textbox {height: 28px; width:50px; border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 3px 0px 0 5px;  font-size:13px;font-weight:normal;}
.checkbox-style {width: 15px;height: 15px;float:left;}
h3.supporth3 {font-size: 1.3em; font-weight:bold; margin-bottom:20px;}
h2.supporth2 {font-size: 1.7em; font-weight:bold; margin-bottom:20px;}

label {font-weight: bold; font-size: 1.4em;  text-align:right;}
.checkbox-label {font-weight:normal; font-size: 1.4em;   padding-left: 4px;margin-top:3px; color:#515151; }
.field-title {font-weight: bold; font-size: 1.4em; text-align:left; padding:0;}
.message {padding-top:0;color:#FF0000; display: none; font-size:1.1em;width:100%;}
#formEnroll .message {float:left;/*padding-top:-5px;*/color:#ff0000; display: none; font-size:1.1em;/*width:100%;*/ margin-left:130px;page-break-after:always;}
#formEnroll .message2 {padding-top:-5px;color:#ff0000; display: none; font-size:1.1em;width:100%; margin-left:0px;page-break-after:always}
#ageMessage{ margin:0; float:left;}
.already-enrolled-form-error {padding-top:-5px;color:#ff0000;font-size:1.1em;width:100%; margin-left:0px}
.displaymessage {padding-top:0;color:#FF0000; font-size:1.1em;width:100%;}
.info-text {font-size:1.3em;color:#333;}

.valid-textbox { width: 273px; height: 28px; padding: 3px 0 0 5px; vertical-align: middle; border: 1px solid #0072b8; background: #FFFFFF url('../images/theme/check-icon.jpg') no-repeat top right; font-size:13px;font-weight:normal;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.invalid-textbox { width: 273px; height: 28px; padding: 3px 0 0 5px; vertical-align: middle; border: 1px solid #0072b8; background: #FFFFFF url('../images/theme/x-icon.jpg') no-repeat top right; font-size:13px;font-weight:normal;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.valid-small-textbox {display: block; width:30px; height: 30px; padding:0;background: #FFFFFF url('../images/theme/check-icon.jpg') no-repeat 0 0;float:right; margin-right:120px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.invalid-small-textbox {display: block; width:30px; height: 30px; padding:0; background: #FFFFFF url('../images/theme/x-icon.jpg') no-repeat 0 0;float:right; margin-right:120px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.required { color:#FF0000; font-size:1.1em; }
.form-element { text-align: left; padding: 0 0px 10px 0px; vertical-align:top; height:42px; }
.form-element select{ text-align: left; padding: 0 0px 10px 0px; height:auto; vertical-align:top; height:42px;}


.form-element2 {margin-left:160px;text-align: left; padding: 0 0px 10px 0px; height:auto; vertical-align:top; height:65px; }
.form-element2 select{ text-align: left; padding: 0 0px 10px 0px; height:auto; vertical-align:top; height:42px;}

.form-element p { margin-left: 123px; padding-top: 2px; float: left; color: #1C6CC1; font-size: 1.1em; }



.sign-up-form .message { margin-left: 130px; padding-top: 2px; float: left; color: #FF0000; display: none; font-size:1.1em; }
.samples-form .message { margin-left: 122px; padding-top: 2px; float: left; color: #FF0000; display: none; font-size:1.1em; }



.element-placeholder {margin-left:160px;text-align: left;width: 450px;}

.element-input input { width: 250px;font-weight:normal; font-size: 1.4em;border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height:30px;padding:3px 30px 0 5px;vertical-align:middle; }

.element-select input { width: 300px;font-size:13px;font-weight:normal;color: #000;padding: 7px;border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;vertical-align:middle;}


.element-input2 select {height: 35px; width:288px;text-align:left; border: 1px solid #0072b8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 7px; font-size:13px;font-weight:normal;}





select{
	width: 300px;
	font-size:13px;
	font-weight:normal;
	color: #000;
	padding: 7px;
	border: 1px solid #0072b8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align:middle;
	
}

input[type=checkbox] {width: 19px;height: 20px;padding:0;border:none;}

.join {display: block; width: 192px; height: 42px;background:url(../images/theme/join_white.gif) no-repeat 0 0; border:none;}
.join:hover {background-position: 0 -42px; border:none;}
.join span {display: none; border:none;}

.btn-join {display: block; width: 187px; height: 34px;background:url(../images/theme/btnJoin.gif) no-repeat 0 0; border:none; float:left; font-weight:bold; font-size:1.5em;color:#007DC3;}
.btn-join:hover {color:#003366; text-decoration:none; }

.btn-submit {display: block; width: 187px; height: 34px;background:url(../images/theme/btnJoin.gif) no-repeat 0 0; border:none; float:left; font-weight:bold; font-size:1.5em;color:#007DC3;}
.btn-submit:hover {color:#003366; text-decoration:none; }

.footnote{ font-size:1.1em; }
.special-character {color:#003366; vertical-align:super; font-weight:normal;}

a.linkback2 { margin: 15px 0; width:250px; height:34px; padding:8px 0px 0px 36px; font-weight:bold; font-size:1.5em;  background:url(../images/theme/enroll-help.gif) no-repeat; text-decoration:none; color:#fff; display:block;}
a.linkback2, a.linkback2:link, a.linkback2:visited { color:#007DC3; }
a.linkback2:focus, a.linkback2:hover, a.linkback2:active { color:#003366; text-decoration:none; }

a.#btn-join { margin: 15px 0; width:187px; height:34px; padding:8px 0px 0px 36px; font-weight:bold; font-size:1.5em;  background: url(../images/theme/btnJoin.gif) no-repeat; text-decoration:none; color:#fff; display:block;}
a.#btn-join, a.#btn-join:link, a.#btn-join:visited { color:#007DC3; }
a.#btn-join:focus, a.#btn-join:hover, a.#btn-join:active { color:#003366; text-decoration:none; }


a.#btn-submit { margin: 15px 0; width:187px; height:34px; padding:8px 0px 0px 36px; font-weight:bold; font-size:1.5em;  background:url(../images/theme/btnSubmit.gif) no-repeat; text-decoration:none; color:#fff; display:block;}
a.#btn-submit, a.#btn-submit:link, a.#btn-submit:visited { color:#007DC3; }
a.#btn-submit:focus, a.#btn-submit:hover, a.#btn-submit:active { color:#003366; text-decoration:none; }

/*#help-form #target {position:absolute; left:50px; top:-1475px; }*/
#help-form .target {position:absolute; left:50px; top:-1475px; }
/*#enroll-help-download #target {position:absolute; left:50px; top:-625px; }*/
#enroll-help-download .target {position:absolute; left:50px; top:-615px; }
/*#enroll-help-thank-you #target {position:absolute; left:50px; top:-175px; }*/
#enroll-help-thank-you .target {position:absolute; left:50px; top:-175px; }

.enroll-help-form-bkgrd {background:#fff  url(../images/theme/form-bkgrd.jpg) repeat-x top left; height:1300px;}
.enroll-help-form-bkgrd2 {background:transparent  url(../images/theme/inner-form-bkgrd.gif) no-repeat top left; height:575px;}

.enroll-help-form-bkgrd3 {background:#fff  url(../images/theme/form-bkgrd.jpg) repeat-x top left; height:450px;}
.enroll-help-form-bkgrd4 {background:transparent  url(../images/theme/inner-form-bkgrd.gif) no-repeat top left; height:450px; }
.error-form-message {margin-left: 130px; padding-top: 0px; float: left; color: #990000; font-size: 1.1em; page-break-after:always}
.error-form-message-checkbox {padding-top: 0px; float: left; color: #990000; font-size: 1.1em; page-break-after:always}
.btnPrint {display: block; width: 183px; height: 31px;background:url(../images/theme/print-savings-card.jpg) no-repeat 0 0; border:none; cursor:pointer;}
.btnPrint:hover {background-position: 0 -35px; border:none;}
.btnPrint span {display: none; border:none;}

.print-coupon {background-image:none !important; background-color:#fff;padding:10px;margin:5px 0; color:#000;text-align:left; width:610px;}
.print-coupon ul {padding-bottom:17px; margin-left:30px;}
.print-coupon #format-print {padding:5px;}
.print-coupon #format-coupon {border: 3px dashed #ccc; padding:5px; width:98%;}
.print-coupon h2 {color:#000;}

.table1{ float:left; font-size:14px; width:10%;}
.table2{ float:left; font-size:14px; margin-left:30px; width:8%;}
.table3{ float:left; font-size:14px; margin-left:60px; width:3%}
.table4{ float:left; font-size:14px; margin-left:110px; width:25%;}
.table5{ float:left; font-size:12px; margin-left:70px; width:25%;}


.chklist { font-weight:normal; font-size: 0.95em; margin-top:1px; color:#515151; }
.chklist td { padding:0 0 0 0;}
.chklist td input { vertical-align: middle; }
.chklist td label { vertical-align: middle; }
