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;}

/*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:28px; font-weight:normal;}
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:block;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 0; padding:0;}
.main {padding:0 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:0; position:relative; width:937px;}
.maincontent {float:left; margin-bottom:20px; padding:0; width:735px;}
.banner {height:235px; margin:0 0 30px; overflow:hidden; width:734px;}
.title {margin:0 0 10px 50px;}
.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:52px;}
.primarymenu .item2 {background-position:-52px 0px; width:221px;}
.primarymenu .item3 {background-position:-273px 0px; width:162px;}
.primarymenu .item4 {background-position:-435px 0px; width:247px;}
.primarymenu .item5 {background-position:-682px 0px; width:135px;}
.primarymenu .item6 {background-position:-817px 0px; width:120px;}
.primarymenu .item7 {background-position:-619px 0px; width:94px;}
.primarymenu .item8 {background-position:-713px 0px; width:112px;}
.primarymenu .item9 {background-position:-825px 0px; width:111px;}
.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;}

/*WIDGET*/
.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 {background:url(../../../local/images/layout/navbg.gif) no-repeat left bottom; bottom:0px; height:90px; padding:85px 0 0 16px; position:absolute; width:185px;}
.navholder {padding:0 0 3px;}
.pagenav h2 {color:#af1200; font-size:18px; margin-bottom:0;}
.nextpagetitle {color:#570900; font-weight:bold;}
.pagenav .separator {color:#406ba4;}
.pagenav .prev {color:#a6bbd7; padding:0 12px;}
.pagenav a.prev, .pagenav a.prev:visited, .pagenav a.next, .pagenav a.next:visited {background:url(../../../local/images/layout/pagenavbg.gif) no-repeat; color:#406ba4; font-weight:bold; padding:0 12px; text-decoration:none;}
.pagenav a.prev, .pagenav a.prev:visited {background-position:left 5px;}
.pagenav a.next, .pagenav a.next:visited {background-position:right -19px;}
span.prev {background:url(../../../local/images/layout/pagenavbg_dis.gif) no-repeat left center;}

/*HOME*/
.flashbanner {height:235px; font-weight:bold; text-align:right; 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 45px; 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:80px; width:205px;}
.homeleft .text {text-indent:-5000px;}
.homemiddle {margin-right:85px; width:240px;}
.homeright {width:225px;}
.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:20px; width:198px;}

/*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; padding:0; width:937px;}
.describe .internalcontent {margin:0;}
.describe .secondarymenu {display:none;}
.describe .title {display:none;}
.describe .pagenav {padding:5px 0 0 16px;}
.flashcontainer {background:url(../../../local/images/layout/flashplaceholder.jpg) no-repeat left top; height:425px; margin:0 0 20px; padding:22px 0 0 45px;}
.flashcontent {text-align:right; width:850px;}
.flashcontent p {margin:0;}

.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;}

p.print {display:none;}
.myStomachFeelsLike {display:block; min-height:460px; height:auto !important; height:460px;}
.stomachgraphic {float:left; padding:0 15px 25px 0;position:relative;}
.overlaygraphic {position:absolute;}
#pos0 {top:141px; left:70px;}
#pos1 {top:141px; left:152px;}
#pos2 {top:141px; left:232px;}
#pos3 {top:222px; left:70px;}
#pos4 {top:222px; left:152px;}
#pos5 {top:222px; left:232px;}
#pos6 {top:303px; left:70px;}
#pos7 {top:303px; left:152px;}
#pos8 {top:303px; left:232px;}

.severityslider {background:url(../../../local/images/track.jpg) no-repeat; margin:4px 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:35px 0 10px 0; padding:0; width:100%;}
.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:235px}
.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:50px; 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;}

.legenditem {margin:0 0 10px 0;}
.legendimage {width:67px;}
.legendlabel {padding:0 25px 0 10px; width:100px;}
.legenditem, .legendimage,.legendlabel {float:left;}
.leftImage {margin-right:50px;}
.takedacontent li {list-style:none;}

/* 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;}