html {height:100%;}
html,body {overflow-x:hidden;overflow-y:auto;}

/* GLOBAL RESET */
div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote{margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; margin:0 0 10px; padding:0;}
p {margin:0 0 10px;}
button.button {background:transparent;border:0;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;margin:0;overflow:visible;padding:0;-moz-margin-start:-3px;-moz-margin-end:-3px;}

/*CONVENTIONS*/
.clear {clear:both;}
.hidden {display:none;}
.floatRight {float:right !important;}

/*DESIGN CONVENTIONS*/
a, a:visited {color:#363636; border:0; font-weight:bold;}
.footer a, .footer a:visited {color:#488ae1;}
a img {border:0 !important;}
h2, h3 {font-family:Arial, Helvetica, sans-serif;}
h1 {color:#4370a9; font-size:24px;}
h2 {color:#5d6877; font-size:17px;}
h3 {color:#4370a9; font-size:14px;}

.button {color:#fff; font-size:12px; font-weight:bold; margin-right:3px;}
a.button,a.button span,button.button span,button.button span span {background:url(../../../local/images/layout/button.gif) no-repeat 100% 0;cursor:pointer;display:inline;float:left;line-height:18px;padding:1px 25px 1px 0;text-decoration:none;white-space:nowrap;}
a.button,button.button span {background-position:0 0;padding:0 0 0 25px;}
a.button,button.button {margin-right:3px;}

ul, ol {margin:10px 0;}
ul {padding:0 0 0 20px;}
ol {padding:0 0 0 40px;}
ul li {background:url(../../../local/images/layout/bullet.gif) no-repeat 2px 5px; list-style:none; padding:0 0 0 20px;}

.guillemets {color:#af1200; font-size:14px; font-weight:bold;}

/*LAYOUT*/
body {background:#663333; color:#363636; font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size:12px; margin:0; padding:0;}
.layout {background:#663333 url(../../../local/images/layout/bodymiddlebg.gif) repeat-y left top; margin:20px auto; position:relative; width:980px;}
.header {background:url(../../../local/images/layout/bodytopbg.gif) no-repeat left top; padding:25px 21px 2px 22px;}
.header .logos {background:url(../../../local/images/layout/headerlogos.gif) no-repeat left top; cursor:pointer; height:65px; width:492px;}
.logos h1 {text-indent:-2000px;}
.primarymenu {margin:2px 0; padding:0;}
.main {padding:18px 21px 0 22px;}
.secondarymenu {background:url(../../../local/images/layout/secondarymenu.gif) repeat-x left -170px; float:left; margin:0 1px 0 0; min-height:450px; position:relative; width:201px;} 
* html .secondarymenu {height:450px;}
.content {background:url(../../../local/images/layout/contentbg.gif) no-repeat left bottom;padding:5px 0 10px 50px; position:relative; width:887px;}
.maincontent {float:left;margin-bottom:10px;padding:0 15px 0 0;width:615px;}
.calloutbar {float: left;padding: 0 0 0 14px;width: 240px;}
.banner {height:235px;overflow:hidden;}
.internalcontent {margin:0 15px 5px 50px;}
.nobanner .internalcontent {margin:20px 15px 5px 50px;}
.internalcontent img {margin-bottom:10px;}
.footer {background:url(../../../local/images/layout/bodybottombg.gif) no-repeat left bottom; font-size:10px; padding:25px 21px 15px 22px;}
.footerlogo, .footercopy {float:left;}
.footerlogo {height:20px; margin:0 10px 0 0;}

/*PRIMARY MENU*/
.primarymenu ul {list-style:none; margin:0; padding:0; height:46px;}
.primarymenu li {background:none; float:left; padding:0;}
.primarymenu a {background:url(../../../local/images/layout/primary_menu.gif) no-repeat left top; display:block; height:46px;}
.primarymenu .item1 {background-position:0px 0px; width:71px;}
.primarymenu .item2 {background-position:-71px 0px; width:144px;}
.primarymenu .item3 {background-position:-215px 0px; width:156px;}
.primarymenu .item4 {background-position:-371px 0px; width:140px;}
.primarymenu .item5 {background-position:-511px 0px; width:92px;}
.primarymenu .item6 {background-position:-603px 0px; width:130px;}
.primarymenu .item7 {background-position:-733px 0px; width:102px;}
.primarymenu .item8 {background-position:-835px 0px; width:102px;}
.primarymenu .selected, .primarymenu a:hover {background-image:url(../../../local/images/layout/primary_menu_on.gif);}

/*SECONDARY MENU*/
.secondarymenu ul {margin:0; padding:10px 0 10px 5px;}
.secondarymenu li {background:url(../../../local/images/layout/secondarymenu_ele.gif) no-repeat left top; height:33px; margin:0 0 6px 0; padding:3px 15px; width:161px; *margin:0;}
.secondarymenu li a, .secondarymenu li a:visited {background:url(../../../local/images/layout/secondarymenu_bullet.gif) no-repeat 0px 4px; color:#687280; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0 0 0 12px; text-decoration:none;}
.secondarymenu li.selected a, .secondarymenu li.selected a:visited {color:#363636;}

/*CALLOUT BAR WIDGET*/
.calloutcontent {background:url(../../../local/images/layout/calloutwidget.gif) no-repeat left top;margin:0 0 20px;padding:10px 0 0 0; width:225px;}
.calloutcontentbottom {background:url(../../../local/images/layout/calloutwidgetb.gif) no-repeat left bottom; padding:0 15px 10px 15px;}
.calloutcontent h3 {color:#af1200;margin:6px 0 10px;}
.calloutcontent ul {margin:0 0 10px;padding:0;}
.calloutcontent p {padding:5px 4px 10px;margin:0;}
.calloutbrown  {background-image:url(../../../local/images/layout/widget.gif);color:#fff;}
.calloutbrown .calloutcontentbottom {background-image:url(../../../local/images/layout/widgetb.gif);color:#fff;padding:10px 15px 15px;}
.calloutbrown p {padding:10px 0 0 120px;}
.calloutbrown li {background:url(../../../local/images/layout/dot.gif) no-repeat 0 6px;padding:0 0 0 10px;}
.calloutbrown a,.calloutbrown a:visited {background:url(../../../local/images/layout/widgetbrownb.gif);color:#fff;display:block;font-weight:bold;height:23px;line-height:23px;text-decoration:none;width:197px;text-align:center;}

.widget {background:url(../../../local/images/layout/widget_top.gif) no-repeat left top; padding:10px 0 0 0; width:205px;}
.widget .bottom {background:url(../../../local/images/layout/widget_bottom.gif) no-repeat left bottom; padding:0;}
.widgetcontent {margin:0 6px; padding:0 18px 12px 19px;}
.widget a, .widget a:visited {background:url(../../../local/images/layout/linkbullet.gif) no-repeat right center; color:#687280; padding:0 8px 0 0;}
.linkwidget .widgetcontent {cursor:pointer;}

/*WIDGET OVERRIDES*/
.basicswidget,.whatiswidget,.doihaveitwidget,.towidget,.tcwidget,.livingwidget,.trackerwidget,.supportwidget {float:right; margin:48px 20px 0 15px;}
.basicswidget .widgetcontent {background:url(../../../local/images/widgets/basics.gif) no-repeat left top; height:30px; padding:60px 50px 0 10px;}
.whatiswidget .widgetcontent {background:url(../../../local/images/widgets/whatis.gif) no-repeat left top; height:87px; padding:0;}
.doihaveitwidget .widgetcontent {background:url(../../../local/images/widgets/doihaveit.gif) no-repeat left top; height:28px; padding:60px 44px 0 7px;}
.towidget .widgetcontent {background:url(../../../local/images/widgets/to.gif) no-repeat left top; height:40px; padding:63px 30px 0 4px;}
.tcwidget .widgetcontent {background:url(../../../local/images/widgets/tc.gif) no-repeat left top; height:28px; padding:68px 50px 0 10px;}
.livingwidget .widgetcontent {background:url(../../../local/images/widgets/living.gif) no-repeat left top; height:28px; padding:68px 50px 0 10px;}
.trackerwidget .widgetcontent {background:url(../../../local/images/widgets/tracker.gif) no-repeat left top; height:28px; padding:90px 50px 0 10px;}
.supportwidget .widgetcontent {background:url(../../../local/images/widgets/support.gif) no-repeat left top; height:28px; padding:90px 50px 0 10px;}

.trackerpdfwidget {float:right; margin:6px 20px 0 15px;}
.trackerpdfwidget .widgetcontent {background:url(../../../local/images/widgets/trackerpdf.gif) no-repeat left top; height:60px; padding:0;}
.trackerpdfwidget a, .trackerpdfwidget a:visited {background:none; padding:0;}

/*NAV PAGE ITEMS*/
.pagenav {width:655px;padding:20px 0 30px;}
a.prev,a.prev span,a.next,a.next span {float:left;background-image:url(../../../local/images/layout/buttonprev.gif);background-color:#e3ebf4;color:#406ba4;font-weight:bold;height:23px;line-height:23px;padding:0 0 0 25px;text-decoration:none;}
a.next {float:right;}
a.next,a.next span {background-image:url(../../../local/images/layout/buttonnext.gif);padding:0 0 0 15px;}
a.prev span {padding:0 15px 0 0;}
a.next span{padding:0 25px 0 0;}
a.next span span {background:none;color:#4d3231;display:inline;float:none;padding:0;}
span.prev {background:url(../../../local/images/layout/pagenavbg_dis.gif) no-repeat left center;}

/*HOME*/
.flashbanner {height:235px; font-weight:bold; text-align:left; width:937px;}
.home .header {padding:25px 21px 5px 22px;}
.home .primarymenu {margin:2px 0;}
.home .banner {display:none;}
.home .secondarymenu {display:none;}
.home .main {padding:18px 21px 0 22px;}
.home .content {padding:5px 0 10px 30px; position:static; width:921px;}
.home .pagenav {display:none;}
.home .maincontent {border:none; padding:0 15px; width:892px;}
.home h1.title {display:none;}
.home .internalcontent {margin:0;}
.home .calloutbar {display:none;}
.homeleft, .homemiddle, .homeright {float:left;}
.homeleft {margin-right:40px; width:205px;}
.homeleft .text {text-indent:-5000px;}
.homemiddle {margin-right:40px; width:260px;}
.homeright {width:325px;}
.homeright a,.homeright a:visited {color:#4370a9; font-weight:bold; text-decoration:none;}
.homeright h3 {color:#363636; margin-bottom:5px;}
.homeright .container {border-bottom:1px solid #ced9e9; margin:0 0 10px;}
.startbutton {background:url(../../../local/images/layout/startbutton.gif) no-repeat left top; border:none; cursor:pointer; height:23px; width:273px;}

/*DESCRIBE HOW YOU FEEL*/
.describe .header {padding:25px 21px 2px 22px;}
.describe .main {padding:0 21px 0 22px; width:937px;}
.describe .content {padding:0 0 10px 0; width:937px;}
.describe .maincontent {border:none;float:none;padding:0;width:937px;}
.describe .calloutbar {display:none;}
.describe .title {display:none;}
.flashcontainer {height:425px; margin:0 0 20px; padding:22px 0 0 45px;}
.flashcontent {text-align:left; width:850px;}
.flashcontent p {margin:0;}
.appointment,.kitheader {padding:20px 40px;}
.appointmentdiv {background:url(../../../local/images/kitstart.jpg) no-repeat 40px 0;padding:30px 0 60px 500px;}
.appointmentdiv a.button {background:none;float:none;height:60px;padding:0 0 5px 25px;width:277px;}
.appointmentdiv p {margin:0 0 20px;}
.appointmentdiv em {display:block;margin:0 0 50px 100px;}
.appointmentdiv strong {display:block;}
.appointmentdiv ul {padding:0;}
.appointmentdiv li {background:url(../../../local/images/layout/dotgrey.gif) no-repeat 0 6px;padding:0 0 0 10px;}
.kittitle {float:right;position:absolute;right:60px;top:30px;}
a.kitbutton{float:right;margin:0 50px 50px;}
.feelingform a.prev {margin:40px 0 0;}
.dragDropForm a.prev {margin:10px 0 0 50px;}
.myStomachFeelsLike a.prev {margin:20px 0 20px 30px;}
button.kitbutton {float:right;margin:30px 0;}
a.kitbutton,a.kitbutton span,button.kitbutton span,button.kitbutton span span {background-image:url(../../../local/images/layout/buttonkitnext.gif);color:#fff;cursor:pointer;font-size:14px;height:37px;line-height:33px;padding:0 0 0 15px;}
a.kitbutton span,button.kitbutton span span {padding:0 30px 0 0;}
.kitheader h1 {float:left;}
.kitheader h2 {float:right;}
.kitresult {background:url(../../../local/images/kitresultbg.gif) no-repeat 0 100% #d9e4f1;padding:20px 40px;margin:0 0 20px;}
.kitresult h2,.kitresultprint h2 {font-size:24px;margin:0 0 20px;}
.kitresult h2  .highlight{color:#af1200;}
.kitresult h3 {font-size:15px;margin:0;}
.kitresult a.button {background:url(../../../local/images/kitresultbutton.gif) no-repeat 0 0;color:#fff;float:right;height:38px;line-height:38px;font-size:15px;padding:0;margin:5px 20px 0;text-align:center;width:137px;}

.kitresultprint {padding:10px 20px;display:none;}
.print body,.print .content {background:none;}
.print .stomachgraphic {margin:0;}
.print .layout,.print .describe .content,.print .describe .maincontent{background:none;width:750px;}
.print .header,.print .footer,.print .kitresult,.print .noprint{display:none;}
.print .main {padding:0;}
.print .kitresultprint ,.print .print{display:block;}
.print .leftImage {margin-right:10px;}
.print .stomachresult {margin:0;width:320px;display:block;}
.print .legendlabel {padding:0;width:68px;}
.print .yaxislabel {width:100px;white-space:normal;}
.print .treatmentsinfocontainer {margin:0;overflow:auto;}

.feelingform {padding:0 50px;}
.symptomhidden {left:-5000px; position:absolute;}
.symptomheader {background:#d9dfea; margin-bottom:2px; padding:7px 18px;}
.symptombody {padding:10px 0 10px 35px;}
.symptomform td {padding:3px 0;}
.describe .label {font-weight:bold; padding-right:10px; vertical-align:top;}
.treatsymptominput {height:75px; width:360px;}
.treatmentsinfocontainer .symptomform td.label {width:250px;}
.treatmentresults {padding:0 0 10px;}
.myStomachFeelsLike h1 {color:#5d6877;font-size:18px;}

p.print {display:none;}
.myStomachFeelsLike {display:block; min-height:460px; height:auto !important; height:460px;}
.stomachgraphic {float:left;position:relative; margin-left:20px; display:inline;}
.stomachresult {display:inline;float:left;margin:0 15px 0 0;width:450px;}
.overlaygraphic {position:absolute;}
#pos0 {top:141px; left:101px;}
#pos1 {top:141px; left:181px;}
#pos2 {top:141px; left:262px;}
#pos3 {top:222px; left:101px;}
#pos4 {top:222px; left:262px;}
#pos5 {top:303px; left:101px;}
#pos6 {top:303px; left:181px;}
#pos7 {top:303px; left:262px;}

.ecrmform {padding:20px 20px 0px;}
.ecrmform button.button {margin:30px 0 0;}
.ecrmform button.button span,.ecrmform button.button span span {background:url(../../../local/images/ecrmbutton.gif) no-repeat 100% 0;cursor:pointer;font-weight:bold;height:23px;line-height:20px;font-size:13px;padding-left:15px;}
.ecrmform table {width:100%;}
.ecrmform td {text-align:left;padding:0 0 6px;font-weight:bold;}
.ecrmform .text {margin:0 5px 0 0;width:200px;}
.ecrmform .textmiddle,.ecrmform select {margin:0 5px 0 0;width:95px;}
.ecrmform .textshortmiddle {margin:0 5px 0 0;width:50px;}
.ecrmform .textshort {width:40px;margin:0 5px 0 0;}
.ecrmform .centermon {text-align:left;vertical-align:top;}/*{padding:0 0 15px 16px;}*/
.ecrmform .centerday {text-align:left;vertical-align:top;}/*{padding:0 0 15px 12px;}*/
.ecrmform .centeryear {text-align:left;vertical-align:top;}/*{padding:0 0 15px 25px;}*/
.ecrmform .checkboxtd {padding:10px 0 0;}
.ecrmform .errorinput {background:#fbd2d3;border:1px solid #7f9db9;height:18px;padding:0 1px;}
.ecrmform .errormessage {color:#ed1c24;}
.ecrmdone {padding:20px;}
.ecrmty {float:left;padding:0 36px 0 30px;width:600px;height:300px;}
.ecrmcallout {float:left;width:231px;}
.ecrmdone .pagenav {padding:20px 30px 10px;width:600px;}

.severityslider {background:url(../../../local/images/track.jpg) no-repeat; margin:6px 0 0 0; position:relative;width:343px;}
.severityhandle {background:url(../../../local/images/handle.gif) no-repeat;width:33px;height:22px;top:-5px;}
.severitylabels ul {list-style:none; margin:0;padding:0;}
.severitylabels li {background:none; font-size:10px; float:left; margin:0; padding:0; text-align:center; width:68px;}

.formseparator {background:#ced9e9;height:1px;margin:15px 0 10px; padding:0;width:100%; border:1px solid #ced9e9; font-size:0px;}
.symptomsgraphcontainer {margin-bottom:20px;}
.symptomsgraph {border-collapse:collapse;}
.symptomsgraph td {line-height:1em;padding:4px 10px 4px 0;}
.yaxislabel {border-right:1px solid #bfbcbc; font-weight:bold; text-align:right; width:220px;}
.symptomsgraph td.xaxislabels {border-top:1px solid #bfbcbc; padding:0; vertical-align:top;}
.xaxislabels table {border-collapse:collapse;}
.xaxislabels .notches td {padding:0;vertical-align:top;}
.xaxislabels .notches div {border-left:1px solid #bfbcbc; height:5px;margin:0 auto;width:1px;}
.xaxislabels .labels td {font-size:10px; line-height:15px; padding:0; text-align:center; vertical-align:top;}

.symptomsinfocontainer {margin-bottom:20px;}
.treatmentsinfocontainer {margin-bottom:10px; overflow:hidden}
.symptominfoheader,.treatmentinfoheader {background:#D9DFEA; font-weight:bold;margin:0 0 2px;padding:5px 0 5px 20px;}
.symptominfobody, .treatmentinfobody {padding:5px 5px 5px 20px}
.treatmentinfobody {font-weight:bold;}
.symptomanswer {font-family:"Courier New", Courier, monospace;}

.resources a.prev,.resources a.prev span,.resources a.next,.resources a.next span {background-color:#fff;}

.legenditem {margin:0 0 10px 0;}
.legendimage {width:67px;}
.legendlabel {padding:0 25px 0 10px;width:100px;}
.legenditem, .legendimage,.legendlabel {float:left;}
.leftImage {margin:0 20px 0 30px;}

/* GENERAL PAGES */
.general .main {padding:0 21px 0 22px;}
.general .content {padding:5px 0 10px 15px; position:static; width:921px;}
.general .internalcontent {margin-left:0;}
.general .secondarymenu,.general .pagenav {display:none;}
.general .maincontent {border:none; padding:0 15px; width:892px;}
.general .calloutbar {display:none;}

/*MODAL POPUPS*/
modal-container {position:absolute;}
.modal-mask {background:#000;border:0;filter:alpha(opacity=50);opacity:0.5;position:absolute; top:0;}
.modal-mask iframe {filter:alpha(opacity=0);}
.modal-confirm {background:#ffffff;border:1px solid #bfcce3;padding:0 0 20px 0;position:absolute;text-align:center;width:370px;}
.modal-confirm .close {background:#bfcce3; color:#fff; height:27px; padding:8px 8px 0 0; text-align:right;}
.modal-confirm .modalcontainer {padding:0 10px; margin:20px 0 0;}
.modal-confirm p {text-align:center;}
.modal-confirm input {margin:0 5px;width:80px;}
.modal-content {background:#ffffff;bbbborder-top:27px solid #bfcce3;position:absolute;wwwidth:720px;}
.modal-close-button {bbbbackground:url(local/images/close.gif) no-repeat red;display:block;height:14px;position:absolute;right:10px;top:10px;width:13px;}
.modal-close-button:hover {text-decoration:none;}
.modal-container .padded {padding:0;}

.takedacontent ul li {background:none;padding:0;}