/* 
     Stylesheet for gastro.org
     --------------------------------------------------------
     File Name: gastro_main.css
     Media: Screen
     Version: 1.1
     Created: 11 April 2005
     Last-Modified: 29 November 2005
     --------------------------------------------------------
*/ 


/* 
     HTML Elements
     ---------------------------------------------------------- */ 

/* --- Document Elements --- */
body { background: #FFFFFF; color: #000000;  margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif;  }
body.utilitywindow {background: #EDEDDA}

/* --- Block Elements --- */
br {}
hr { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: transparent; border-top: 1px solid #D1D1A3; height: 1px; clear: both;   }
img {}
a img {border: 0px none;}

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } 
h1 { font-size: 18px; color: #336699;margin-bottom: 2px; }
h2 { font-size: 14px; color: #336699; margin: 0px; }
h2.sub { font-size: 14px; color: #000000; margin: 0px; margin-bottom: 10px; }
h3 { font-size: 12px; color: #336699; margin-bottom: 0px; }
h4 { font-size: 11px; color: #336699; margin-bottom: 0px; }
h5 { font-size: 10px; color: #336699; margin-bottom: 0px; }
h6 { font-size: 10px; color: #000000; margin-bottom: 0px; }

/* --- Block Text --- */
p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; margin-top: 0px; } 
p {}
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
a { color: #666666; }
a:hover { color: #336699; }


pre {}
span {}
sup {font-size: 9px; }
     /* Fix for superscripted links in IE. Hide from IE Mac \*/
     * html a sup {text-decoration: none; border-bottom: 1px solid #000000; padding-bottom: 3px; }
     * html a:hover sup { color: #CF6D03; border-bottom: 1px solid #CF6D03; }
     /* End */

small { font-size: 10px; }
address {}
em { }


/* --- List Items --- */
ul, ol, li { font-family: Arial, Helvetica, sans-serif; }
ul {}
ul li { list-style: url(/frame-images/gastro/lists/bullet.gif); }
ol {}


/* --- Definition Elements --- */
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; }
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table { width: 100%; margin-top: 10px; font-size: 12px; background-color: #F6F6ED; border-top: 1px solid #B1CCB4; border-right: 1px solid #B1CCB4; border-left: 1px solid #B1CCB4; }
table.siteSearch {border: 1px solid #B1CCB4; }
table.siteSearch td {border: 0px;}
th { padding: 2px 5px 2px 5px; text-align: left; color: #336699; background-color: #E1E9DC; vertical-align: bottom; font-size: 14px; }
thead {}
tbody {}
tr {}
td { padding: 2px 5px 2px 5px; text-align: left; border-bottom: 1px solid #B1CCB4; background: #F6F6ED;  }
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input {}
select {}
button {}
textarea {}
form { margin: 0px; padding: 0px; }


/* 
     Global Container ID's
     ---------------------------------------------------------- */ 
.skiplink { display: none; }
     
/* --- Header Container --- */
#header { clear: both; width: 970px; margin: 0 auto 0 auto; padding: 10px 0px 0px 0px; background: #F6F6ED url(http://www.gastro.org/frame-images/gastro/backgrounds/header.gif) no-repeat 539px 0px; }
#branding { float: left; width: 525px; padding: 0px 0px 8px 15px; }
     /* Fix for IE. Hide from IE Mac \*/
     #branding { *width: 521px; *padding: 0px 0px 13px 15px; }
     /* End */
#navutility { float: left; width: 224px; padding-bottom: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #navutility { *margin: 0px 0px 0px 3px; }
     /* End */
#navutility ul { width: 70px; font-size: 11px; margin: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #navutility ul { *width: 110px; }
     /* End */
#navutility ul.col1{ float: right; }
#navutility ul.col1 li { margin: 0px 0px 0px -45px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* Fix for IE. Hide from IE Mac \*/
     #navutility ul.col1 li { *margin: 0px 0px 0px 0px; }
     /* End */
#navutility ul.col2{ float: left; }
#navutility ul.col2 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
     /* Fix for IE. Hide from IE Mac \*/
     #navutility ul.col2 li { *margin: 0px 0px 0px 12px; }
     /* End */
#navutility a { color: #000000; text-decoration: none; }
#navutility a:hover { color: #336699; text-decoration: underline; }

#search { border-top: 1px solid #B3C2BE; padding: 3px 0px 4px 12px; font-size: 11px; background: #E3E3C8; margin: 0px 1px 0px 0px; *margin: 0px 0px 0px 1px; }
.searchinput { width: 120px; border: 1px solid #999999; font-size: 11px; }
.searchbutton { width: 15px; position: relative; top: 4px; }

#navmember { float: left; width: 186px; padding: 0px 10px 0px 10px; font-size: 12px; }
table#navmember { margin-top: -15px; }
table#navmember a.referlink { font-size: 11px; color: #000000; text-decoration: none; }
table#navmember a.referlink:hover { color: #336699; text-decoration: underline; }
#navmember a { color: #336699; font-size: 12px; text-decoration: none; }
#navmember a:hover { color: #666666; text-decoration: underline; }
#navmember a.helplink { float: right; position: relative; bottom: 15px; font-size: 10px; color: #666666; text-decoration: underline; }
#navmember a.helplink:hover { color: #336699; }
.login { margin-left: 65px; }
.memberheader { clear: both; margin-bottom: 4px; }
.smalltxt { font-size: 10px; color: #666666; }
.nobrdr {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
.nobttm { border-bottom: 0px none; background: transparent; padding: 0px 0px 2px 0px; }
#navmemberaction { margin-top: 4px; padding: 7px 10px 0px 10px; border-top: 1px solid #B3C2BE;}
#navmemberaction ul { margin: 0px 0px 0px -48px;  }
     /* Fix for IE. Hide from IE Mac \*/
     #navmemberaction ul { *margin: 0px 0px 0px 0px;  }
     /* End */
#navmemberaction li {  padding-top: 1px; padding-left: 20px; background: url(/frame-images/gastro/buttons/arrow_header.gif) no-repeat 0px 0px; list-style-type: none;   }
#navmemberaction a { font-size: 11px; color: #000000; text-decoration: none; }
#navmemberaction a:hover { color: #336699; text-decoration: underline; }
#navmemberaction .logbtn { float: right; margin-top: -15px; text-decoration: underline; }


/* --- Section Header Container --- */
#sectionheader { clear: both; width: 970px; height: 38px; margin: 0 auto 0 auto; padding-bottom: 5px; background: #FFFFFF url(http://www.gastro.org/frame-images/gastro/backgrounds/section_header.gif) no-repeat 207px 20px; }
     /* Fix for IE. Hide from IE Mac \*/
     #sectionheader { *height: 44px; }
     /* End */
#sectionheader img.sectionheadertxt { float: left; margin: 23px 0px 0px 220px; color: #FFFFFF; font-size: 18px; padding: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #sectionheader img.sectionheadertxt { *font-size: 20px; }
     /* End */
#sectionheader.hptitle { background: #FFFFFF url(http://www.gastro.org/frame-images/gastro/backgrounds/section_header_hp.gif) no-repeat 540px 20px; }
* html #sectionheader.hptitle { background-position: 545px 20px; } /* Added 9/16/08 - IE6 fix */
#sectionheader.hptitle img.sectionheadertxt { float: left; margin: 21px 0px 0px 553px; color: #FFFFFF; font-size: 18px; padding: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #sectionheader.hptitle img.sectionheadertxt { *font-size: 20px; }
     /* End */

#navfunction { float: right; margin: 20px 10px 0px 0px; color: #000000; font-size: 10px; }
#navfunction li.print { display: inline; background: url(http://www.gastro.org/frame-images/gastro/lists/print.gif) no-repeat 0px 0px; padding: 0px 8px 0px 15px;}
#navfunction li.email { display: inline; background: url(http://www.gastro.org/frame-images/gastro/lists/email.gif) no-repeat 0px 0px; padding: 0px 0px 0px 20px;}
#navfunction a { color: #000000; text-decoration: none; }
#navfunction a:hover { color: #336699; text-decoration: underline; }

/* --- Content Wrapper Container --- */
#wrapper { clear: both; width: 970px; margin: 0 auto 0 auto; padding-bottom: 0px; background: url(http://www.gastro.org/frame-images/gastro/backgrounds/interior.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* Fix for IE. Hide from IE Mac \*/
    /* #wrapper { *margin: -7px auto 0 auto; }*/
     /* End */
#wrapper.publications { background: url(http://www.gastro.org/frame-images/gastro/backgrounds/publications.gif) repeat-y 0px 0px; }


/* START CME course Modifications */
/*#wrapper div.full {  background: url(/frame-images/gastro/backgrounds/interior_full.gif) repeat-y -210px 0px; min-height: 600px; }*/
#wrapper.full { background: url(http://www.gastro.org/frame-images/gastro/backgrounds/interior_full.gif) repeat-y 0px 0px; }

/* IE 6 FIX for background issue */
/** html #wrapper div.full { margin-bottom: -17px; border: 1px solid black; background: url(/frame-images/gastro/backgrounds/interior_full.gif) repeat-y -210px 0px; height: 600px; }*/
/* END CME course Modifications */
* html #wrapper div.full { margin-bottom: -17px; background: url(http://www.gastro.org/frame-images/gastro/backgrounds/interior_full.gif) repeat-y -210px 0px; height: 620px; }




#patientcenterwrapper { clear: both; width: 970px; margin: -1px auto 0 auto; padding-bottom: 15px; background: url(/frame-images/gastro/backgrounds/patient_center.gif) repeat-y 0px 0px; border-bottom: 20px solid #D1D1A3; }
     /* Fix for IE. Hide from IE Mac \*/
     #patientcenterwrapper { *margin: -8px auto 0 auto; }
     /* End */


#col1 { float: left; width: 207px; }

     /* --- Navigation --- */
	 
	 /* Changed 9/16/08 */
     #navmain { margin: 13px 10px 10px 10px; padding: 0px; }
	 
     #navmain li { display: block; margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; line-height: 12px; }
	 *:first-child+html #navmain li { margin: 0px 0px 7px 0px; }
	 * html #navmain li { margin: 0px 0px 7px 0px; }
	 	 
     #navmain li img { border: none; margin-bottom: 0px; vertical-align: top; }
     #navmain li.selected { margin-bottom: 0px; }
     #navmain li.selected img { border: none; margin-bottom: 0px; } 
	 
     #navmain ul { margin: 5px 0px 5px 15px; padding: 0px; line-height: 12px; }
	 *:first-child+html	#navmain ul { margin-top: 0px; }
 	 * html #navmain ul { margin-top: 0px; }
	 
     #navmain li li { margin: 0 !important; padding: 3px 0px 3px 13px !important; font-size: 12px; font-weight: bold; background: transparent url(http://www.gastro.org/frame-images/gastro/lists/caret_2.gif) no-repeat 0 3px; line-height: 16px; }
 
     #navmain li li.selected a { color: #336699; text-decoration: none; }
     #navmain ul ul { margin: 3px 0px 0px 3px !important; padding: 0px; line-height: 12px; }
     #navmain li li li { font-size: 12px; font-weight: normal; background: transparent url(http://www.gastro.org/frame-images/gastro/lists/caret_3.gif) no-repeat 0 3px; }
	 /* Changed 9/16/08 */
	 
     #navmain li li.selected ul li a { color: #000000; text-decoration: none; }
     #navmain li li.selected ul li a:hover { color: #336699; text-decoration: none; }
     #navmain li li ul li.selected a { color: #336699; text-decoration: none; }
     #navmain li li ul li.selected a:hover { color: #336699; text-decoration: none; }
     #navmain a { color: #000000; text-decoration: none; }
     #navmain a:hover { color: #336699; text-decoration: none; }
     
     #join, #donate, #discuss, #purchase { background-color: transparent; margin-bottom: 5px; width: 130px; padding: 5px 30px 5px 5px; font-size: 12px; }       
     /* --- Join Container --- */
     /*#join { border-left: 10px solid #336699; padding-top: 30px; background: #FFFFFF url(/frame-images/gastro/headers/join_aga.gif) no-repeat 7px 7px; }*/
     #join { border-left: 10px solid #336699; padding-top: 30px; background: #FFFFFF url(/frame-images/gastro/headers/join_aga.gif) no-repeat 7px 7px; }
     a #join { background-color: #FFFFFF; text-decoration: none; }
     a:hover #join { border-left: 10px solid #7094b7; }
          
     /* --- Donate Container --- */
     #donate { border-left: 10px solid #E28813; padding-top: 30px; background: #FFFFFF url(/frame-images/gastro/headers/donate.gif) no-repeat 7px 7px; }
     a #donate { background-color: #FFFFFF; text-decoration: none; }
     a:hover #donate { border-left: 10px solid #ebab59; }
     
     /* --- Discussion Container --- */
     #discuss { border-left: 10px solid #BC0404; padding-top: 30px; background: #FFFFFF url(/frame-images/gastro/headers/discuss.gif) no-repeat 7px 7px; }    
     a #discuss { background-color: #FFFFFF; text-decoration: none; }
     a:hover #discuss { border-left: 10px solid #d04f4f; }
     
     #purchase { border-left: 10px solid #468628; padding-top: 30px; background: #FFFFFF; }    
     a #purchase { background-color: #FFFFFF; text-decoration: none; }
     a:hover #purchase { border-left: 10px solid #468628; }     
     
     .arrow { float: right; position: relative; left: 20px;margin: -15px 0px 0px 0px; border: 0px none; }
     
#col2 { float: left; width: 510px; padding: 5px 12px 15px 12px; font-size: 12px; }
#col2.patientcenter { margin-top: -65px; }

     /* --- Breadcrumb Navigation --- */
     #navbreadcrumb {  text-align: left; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; }
     #navbreadcrumb li { display: inline; background: url(http://www.gastro.org/frame-images/gastro/lists/caret_breadcrumb.gif) no-repeat 1px 5px; padding: 0px 0px 0px 8px; font-size: 10px; color: #336699; }
     #navbreadcrumb li.start { background: none; padding: 0px 0px 0px 0px; }
     #navbreadcrumb li a { font-weight: normal; color: #000000; }
     #navbreadcrumb li a:hover { color: #336699; }
     
     /* --- Graphic Content Header --- */     
     #headercontent { margin: 5px 0px 10px 0px; clear: both; }

     /* --- Graphic Content Header --- */     
     #content { float: left; width: 538px; overflow: visible; }
     #content p { font-size: 12px; margin-top: 0px; }
     #content h1 { margin-top: 0px; font-size: 16px; }
     #content ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
     #content li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
     #content ol li { list-style: decimal none; }
     #content li ol li { list-style: decimal none;  margin: 0px 0px 0px 20px;  }
     #content ul { margin: 0px 0px 10px 7px; padding: 0px 0px 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #content ul { *margin: 0px 0px 10px 10px; }
     /* End */
     #content ul li { list-style: url(http://www.gastro.org/frame-images/gastro/lists/caret_content.gif); }
     #content li { font-size: 12px; margin: 2px 0px 0px 8px;  padding: 0px 0px 0px 0px; }
     .callouttxt {color: #336699; font-style: normal;}
     #refercontent { float: left; width: 500px; overflow: visible; padding: 10px 5px 10px 5px; }
	 #refercontent p { font-size: 12px; margin-top: 0px; }
     /* --- Course Details Header --- */               
     #coursedetailsheader { border-bottom: 1px solid #D1D1A3; padding-bottom: 5px; margin-bottom: 5px; }
     #coursedetailsheader h1 { font-size: 18px; }
     #coursedetailsheader h2 { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
     #cmearea { float: right; margin: 0px 0px 0px 30px; padding: 33px 10px 25px 10px;  width: 75px;  background: url(/frame-images/gastro/backgrounds/cme_area.gif) no-repeat 0px 0px;  text-align: center;    }
     /* Fix for IE. Hide from IE Mac \*/
     #cmearea { *margin: 0px 0px 0px 30px; }
     /* End */
     
     /* --- Button Area --- */
     #buttonarea { text-align: right; margin: 10px 0px 10px 0px; }
     #listingbutton { margin-left: 460px; position: absolute; top: 325px; }
     .focusbutton { margin-left: 10px; }
     .results { position: relative; margin: 0px 0px 0px 0px; bottom: 35px; }
     
     /* --- Graphic Content Header --- */     
     .photochannel { float: right; margin: 0px 0px 10px 10px; font-size: 10px; border: 0px none; width: 1px; background-color: transparent; }
     .photochannel td { background-color: transparent; border: 0px none; }
     
     /* --- Publications Text Classes --- */
     .backtop { padding: 2px 0px 2px 0px; margin-bottom: 15px; border-bottom: 1px solid #D1D1A3; text-align: right; font-size: 11px;  }
     .byline { font-size: 12px; color: #336699; margin-bottom: 10px; }
     
     .errortxt { color: #BC0404; font-size: 12px; font-weight: bold; margin: 25px 0px 25px 0px; }
     .footnote { margin-top: 5px; padding-top: 5px; border-top: 1px solid #B1CCB4; font-size: 10px; }
     .required { color: #CC0000; }
     .outdent { margin-left: -6px; }
     
     /* --- Table Border Style Alt --- */
     #tablealt { border: 1px solid #B1CCB4; }
     #tablealt td { border-bottom: 0px none; }

     /* --- Course Listing Table --- */
     #courselisting { font-size: 11px; color: #000000; border: 0px none; }
     #courselisting th { height: 20px; background-color: #EDEDDA; font-size: 12px; border-bottom: 1px solid #B1CCB4;  }
     #courselisting td { background: #F6F6ED; border-left: 1px solid #B1CCB4; padding: 4px; border-bottom: 1px solid #B1CCB4; }
	 #courselisting td.lastcol { border-right: 1px solid #B1CCB4; }
     #courselisting th.selected { background: #CFDCC7 url(/frame-images/gastro/backgrounds/listing_selected.gif) no-repeat 100% 0px; border-left: 1px solid #B1CCB4; margin-right: 100px;}
     #courselisting td.selected { background: #E1E9DC; }
	 #courselisting td.lastcolselected { background: #E1E9DC; border-right: 1px solid #B1CCB4; }
     #courselisting li { color: #000000; font-size: 11px; }
     #courselisting h4 { margin: 0px; }
     #courselisting h4 a { color: #000000; text-decoration: none; }
     #courselisting h4 a:hover { color: #336699; text-decoration: underline; }
     #courselisting th a { color: #336699; }
     #courselisting th a:hover { color: #336699; }
     .sortarrow { border: 0px none; margin-left: 5px; margin-right:-5px;}
     .detailslink { float: left; }
     .registerlink { float: right; }
     
     /* --- Course Legend --- */     
     #courselegend { background-color: transparent; font-size: 10px; border: 0px none; }
     #courselegend td { background-color: transparent; border: 0px none; }   
	 
	 /* -- CME Course Tables -- */
     #courselegendCME { background-color: transparent; font-size: 10px; border-left: 0px none; border-right: 0px none; border-top: 1px solid #b3cbb1; border-bottom: 1px solid #b3cbb1; }
  	 #courselegendCME td { background-color: transparent; border: 0px none; padding-top: 11px; padding-bottom: 5px; } 
	 #courselegendCME td img { margin-top: -6px;  float:left; } 
	 #CMESelect { padding-top: 12px; font-size: 11px; }
 	 #CMESelect select { margin-left: 5px; padding: 0px 0px 0px 0px; font-size: 11px; width: 275px; border: 1px solid #999999; }
	 
	 #col2.full { float: left; width: 739px; padding: 5px 12px 15px 12px; font-size: 12px; }
	 #col2.full #content { float: left; width: 737px; overflow: visible; }
	 #col2.full p.shorter { width: 540px; }
	 /* -- END CME Course Modifications */
	 

     /* --- Lister Pages --- */          
     .lister a { font-weight: bold; }
     
     
#col3 { float: left; width: 199px; }

     /* --- Related Navigation --- */
     #navrelated { margin: 15px; background: #EDEDDA; padding-bottom: 10px; }
     #navrelated.patientcenter { margin-left: 0px; background: transparent url(/frame-images/gastro/backgrounds/pc_main_related.gif) repeat-y 0px 0px; }
     #navrelated h1, #navrelated h2, #navrelated h3 { color: #CC6600; font-size: 12px; margin: 5px 10px 0px 10px; }
    
	
	 
	 
	  #navrelated ul { font-size: 12px; width: 225px; padding: 0px; margin: 0px 0px 0px 5px;  }

     #navrelated ul.col1 { float: left; }

     #navrelated ul.col2 { float: right; }

     #navrelated li { margin: 4px 10px 4px 0px;  padding: 0px 0px 0px 12px; background: transparent url(/frame-images/gastro/lists/caret_sidebar.gif) no-repeat 0px 5px; display: block; }           

     #navrelated li img { float: right; clear: right; margin: 0px 0px 5px 5px; }


	 
	 
     #navrelated a { color: #000000; }
     #navrelated a:hover { color: #336699; }
     .sideheader { padding: 4px 0px 4px 10px; margin-bottom: 8px; border-bottom: 2px solid #D1D1A3; background: #CC6600; }
     .sideheaderpubs { padding: 0px; margin-bottom: 8px; border-bottom: 1px solid #D1D1A3; font-size: 16px; font-weight: bold; color: #999966; }

     #navrelated.patientcenter { background: #f8f8f0; }
     #navrelated.publications { margin: 5px 15px 15px 15px; background: #FFFFFF; padding-bottom: 10px;  }
     #navrelated.publications ul { font-size: 12px; margin: 0px 10px 0px 0px; }
	 
	 #navrelated.publications li { margin: 4px 0px 4px -26px;  /*list-style-image: url(/frame-images/gastro/lists/caret_publications.gif);*/   }
     /* Fix for IE. Hide from IE Mac \*/
     #navrelated.publications li { *margin: 4px 0px 4px 17px; *padding: 1px 0px 1px -3px; /*list-style-type: none;*/ }	 
     /* End */
     #navrelated.publications a { color: #666666; }
     #navrelated.publications a:hover { color: #336699; }

     #navmarketing { margin: 15px; background: #FFFFFF; padding: 10px 5px 10px 5px; }
     #navmarketing h1 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px; color: #666666; }
     #navmarketing img { float: left; padding: 0px 5px 5px 0px; }
     #navmarketing p { margin: 0px 0px 5px 0px; font-size: 11px; }
     #navmarketing hr { margin: 0px; padding: 0px; border-top: 1px solid #acabaa; }
     
     /* --- Internal Ads --- */
     #adinternal { height: 275px; padding: 15px 10px 0px 25px; margin-left: 18px; background: url(/frame-images/gastro/backgrounds/sidebar_ad.gif) no-repeat 0px 0px;}
     #adinternal h1 { color: #990000; font-size: 24px; margin: 5px 0px 0px 0px; }
     #adinternal h2, #adinternal h3 { color: #990000; font-size: 14px; margin: 5px 0px 0px 0px; }
     #adinternal a { color: #000000; font-size: 12px; font-weight: bold; }
     #adinternal a:hover { color: #336699; }
     .adimg { margin: 5px 0px 0px 0px; }
     
     /* --- Sponsor Ads --- */
     #adsponsor { margin: 25px 0px 0px 15px; padding: 5px 5px 5px 5px; background-color: #E8E8D1; font-size: 11px; }
     #adsponsor.patientcenter { background-color: #f9f9f4; }
     .sponsoradvert { margin: 1px 15px 5px 15px; }

     /* --- Sponsor Ad - Publications --- */
     #adsponsor2 { margin: 25px 10px 0px 15px; padding: 0px; font-size: 10px; color: #336699; }
     .sponsoradvert2 { margin: 1px 15px 5px 15px; }

     .copyfooter { clear: both; margin-left: 219px; color: #666666; font-size: 10px;  }

#newsletterheader { float: left; width: 736px; margin: 0px 15px 0px 12px; }
.headerimg{ margin: 5px 0px 0px 0px; clear: both; }
#infovol, #infodate { font-size: 12px; font-weight: bold; color: #336699; }
#infovol { float: left; }
#infodate { float: right; }
     
/* --- Footer Container --- */
#footer { clear: both; width: 950px; margin: 0 auto 0 auto; padding: 35px 10px 10px 10px; font-size: 11px; background: #CCE5E5; border-top: 20px solid #B5CEB8;  color: #000000; }
.navlegal { float: right; margin: -14px 0px 0px 15px; color: #000000; }
.navlegal li { display: inline; background: url(/frame-images/gastro/lists/pipe.gif) no-repeat 4px 2px; padding: 0px 0px 0px 10px; } 
.navlegal li.start { background: none; padding: 0px 0px 0px 0px;}
.navlegal a { color: #000000; text-decoration: none; }
.navlegal a:hover { color: #336699; text-decoration: underline; }

/* --- Home Page Containers --- */
#wrapperhptop { clear: both; width: 970px; margin: 0 auto 0 auto; background: #D1D1A3 url(http://www.gastro.org/frame-images/gastro/backgrounds/hp_top_border.gif) repeat-x 0px 100%; }
     /* Fix for IE. Hide from IE Mac \*/
     #wrapperhptop { *margin: -7px auto 0 auto;  }
     /* End */

     #hptopcol1  { float: left; width: 175px; }
     #hptopcol2  { float: left; width: 364px; }

	/* Changed 9/16/08 */
     #hptopcol3 { float: left; width: 396px; height: 265px; margin: 0px 15px 7px 0px; padding: 10px; background: #E3E3C8; }
	 *:first-child+html #hptopcol3 { height: 270px; margin: 0px 10px 7px 0px; padding: 10px 10px 5px 10px; }
     * html #hptopcol3 { margin-right: 0; }
	/* Changed 9/16/08 */
	
     #hptopcol3 h1 { font-size: 16px; margin: 0px 0px 10px 0px; padding: 0px; color: #000000; }
     #hptopcol3 h1 a { color: #000000; text-decoration: none; }
     #hptopcol3 h2 { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; color: #000000; }
     #hptopcol3 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hptopcol3 ul { margin: 0px 0px 0px 0px; }
     #hptopcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px -40px; padding: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #hptopcol3 li { *margin: 0px 0px 10px 0px; }
     /* End */
     
     /* --- Graphic Content Header --- */     
     #hpcontent { float: left; width: 315px; }
     
     /* --- Graphic Content Header --- */     
     #hpphotochannel { float: left; width: 65px; padding: 0px 6px 0px 6px; text-align: center; font-size: 10px; }

#wrapperhpbottom { clear: both; width: 970px; margin: 0 auto 0 auto; background: #CCE5E5; }
     #hpcallout { background: #E6F2F2; font-size: 12px; padding: 12px; }
     #hpcallout img { float: right; margin-left: 5px; }
     #hpcallout img.header { clear: both; float: none; margin: 0px 0px 10px 0px; }
     
     #hpbottomcol1  { float: left; width: 196px; margin: 0px 0px 20px 0px; position: relative; bottom: 50px; }

     #hpbottomcol2  { float: left; width: 303px; margin: 0px 40px 20px 0px; padding-top: 30px; background: url(/frame-images/gastro/headers/current_news.gif) no-repeat 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #hpbottomcol2  { *width: 298px;  }
     /* End */
     #hpbottomcol2 h1 { font-size: 14px; margin: 0px; color: #000000; }
     #hpbottomcol2 h1 a { color: #000000; text-decoration: none; }
     #hpbottomcol2 h1 a:hover { color: #336699; text-decoration: underline; }
     #hpbottomcol2 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hpbottomcol2 ul { margin: 0px 0px 0px -40px; }
     /* Fix for IE. Hide from IE Mac \*/
     #hpbottomcol2 ul { *margin: 0px 0px 0px 0px; }
     /* End */
     #hpbottomcol2 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px 0px; }
     /* Fix for IE. Hide from IE Mac \*/

     /* End */
     
     .readme { background: url(/frame-images/gastro/buttons/plus.gif) no-repeat 0px 5px; padding: 0px 0px 0px 10px; }
     
     #hpbottomcol3  { float: left; width: 416px; margin: 0px 15px 20px 0px; padding-top: 30px; background: url(/frame-images/gastro/headers/featured_events.gif) no-repeat 0px 0px; }
     #hpbottomcol3 b { font-size: 14px; margin: 0px; padding: 0px; color: #000000;}
     #hpbottomcol3 b a { color: #000000; text-decoration: none; }
     #hpbottomcol3 b a:hover { color: #336699; text-decoration: underline; }     
     #hpbottomcol3 h1 { font-size: 14px; margin: 0px; padding: 0px; color: #000000; float: left;}
     #hpbottomcol3 h1 a { color: #000000; text-decoration: none; }
     #hpbottomcol3 h1 a:hover { color: #336699; text-decoration: underline; }
     #hpbottomcol3 p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #hpbottomcol3 ul { margin: 0px 0px 0px 0px; }
     #hpbottomcol3 li {  font-size: 12px; list-style: none; margin: 0px 0px 10px -40px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 3px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #hpbottomcol3 li {  *margin: 0px 0px 10px 0px; }
     /* End */
     .hparrow { float: right; position: relative; bottom: 15px; }
     /* Fix for IE. Hide from IE Mac \*/
     .hparrow { *bottom: 20px; }
     /* End */
	 
     #hpcallout ul li { list-style: url(/frame-images/gastro/lists/caret_content.gif); }
	 #hpcallout ul { margin: -10px 0px 10px 0px; }
     #hpcallout li { font-size: 12px; margin: 2px 0px 0px -20px;  padding: 0px 0px 0px 0px; border-bottom: 0px none; }
	 #hpcallout li { *margin: 2px 0px 0px 20px; }
	 

     
#footerhp { clear: both; width: 950px; margin: 0 auto 0 auto; padding: 10px; font-size: 11px; background: #FFFFFF; color: #000000; }
.navlegal { float: right; margin: -14px 0px 0px 15px; color: #000000; }
.navlegal li { display: inline; background: url(/frame-images/gastro/lists/pipe.gif) no-repeat 4px 2px; padding: 0px 0px 0px 10px; } 
.navlegal li.start { background: none; padding: 0px 0px 0px 0px;}
.navlegal a { color: #000000; text-decoration: none; }
.navlegal a:hover { color: #336699; text-decoration: underline; }

/* --- Borderless Tabular Data Bucket --- */
#tablenoborder, #tablenoborder table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
#tablenoborder th { border-bottom: 0px none; }
#tablenoborder td { border-bottom: 0px none; background: transparent; padding: 2px 0px 2px 0px; }
#tablenoborder ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#tablenoborder li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#tablenoborder ol li { list-style: decimal none; }
.headertable { width: 180px; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     #tablenoborder.headertable { *margin-top: -15px; }
     /* End */
  
/* --- Paitent Center --- */
#patientceterheader { float: left; margin-top: -2px; }
     /* Fix for IE. Hide from IE Mac \*/
     #patientceterheader { *margin-top: 0px; }
     /* End */

     #patientcenterlinks  { float: left; width: 246px; margin: 20px 15px 20px 0px; padding-top: 3px; border-top: 1px solid #FFFFFF; }
     #patientcenterlinks h1 { font-size: 14px; margin: 0px; padding: 0px; color: #000000; float: left; }
     #patientcenterlinks h1 a { color: #000000; text-decoration: none; }
     #patientcenterlinks h1 a:hover { color: #336699; text-decoration: underline; }
     #patientcenterlinks p { font-size: 12px; margin: 0px 0px 10px 0px; }
     #patientcenterlinks ul { margin: 0px 0px 0px 0px; }
     #patientcenterlinks ul li { font-size: 12px; list-style: none; margin: 0px 0px 0px -40px; border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 0px; clear: both; }
        #patientcenterlinks ul li:after { content: ""; display: block; height: 100%; clear: both; }
        #patientcenterlinks ul li { height: 100%; }
     /* Fix for IE. Hide from IE Mac \*/
     #patientcenterlinks ul li {  *margin: 0px 0px 10px 0px; *padding: 5px 0px 5px 0px; }
     /* End */
     .pcarrow { float: right; /*position: relative; bottom: 15px;*/ }
     /* Fix for IE. Hide from IE Mac \*/

     /* End */

     #findgi { float: right; margin-left: 5px; }
     #findgi img { border: 0px; }
  
  
/* 
     Utilities
     ---------------------------------------------------------- */ 
#clear {clear: both; position: relative; font-size: 1px; height:1px; }
#clear.header { border-top: 1px solid #b3c2be; background: #FFFFFF; }

/* Print and Email */

#pagewrapper { width: 100%; background: #FFFFFF; }
 .headerwrapper
 {
 	height:83px;
 	width:520px;
  }
#titlebarwrapper {
	background: url(/frame-images/gastro/backgrounds/header_bg.gif) bottom; 
	background-repeat: no-repeat;
	height:40px;
	width:520px;	
  }	
 .leftwrapper {
 	 position: absolute;
   top:105px;
   left:10px;
  }
 .rightwrapper { 
 	 position: absolute;
   top:103px;
   right:20px;
  }

#printcontentwrapper { float: left; width: 400px; margin: 20px 5px 20px 4px;}
#printcontentwrapper p { font-size: 12px; margin-top: 0px; }
#printcontentwrapper h1 { margin-top: 0px; font-size: 16px; }
#printcontentwrapper ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#printcontentwrapper li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#printcontentwrapper ol li { list-style: decimal none; }
#printcontentwrapper li ol li { list-style: decimal none;  margin: 0px 0px 0px 20px;  }
#printcontentwrapper ul { margin: 0px 0px 10px 7px; padding: 0px 0px 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #printcontentwrapper ul { *margin: 0px 0px 10px 10px; }
     /* End */
#printcontentwrapper ul li { list-style: url(/frame-images/gastro/lists/caret_content.gif); }
#printcontentwrapper li { font-size: 12px; margin: 2px 0px 0px 8px;  padding: 0px 0px 0px 0px; }
     .callouttxt {color: #336699; font-style: normal;}
#printButtonTop {
 	 position: absolute;
   top:140px;
   right:15px;
	}
#printButtonBottom {
 	 position: absolute;
   bottom:20px;
   right:15px;
	}     
  
#emailpagecontentwrapper { margin: 20px 0px 20px 70px; font-size: 11px;}
#emailpagecontentwrapper div.label { float: left; width: 100px; margin: 3px 0px 0px 0px; padding-bottom: 2px; text-align: right; }
#emailpagecontentwrapper div.input { padding-bottom: 2px; }
#emailpagecontentwrapper div.input input { width: 200px; }
#emailpagecontentwrapper div.input textarea { width: 200px; }
#emailpagecontentwrapper div.inputradio { margin: 10px 0px 5px 100px; }
#emailpagecontentwrapper div.requiredmsg { margin: 10px 0px 5px 105px; color: red;}  
#printemailbtnwrapper
  .buttonwrapper {
 	 position: absolute;
   bottom:30px;
   right:140px;  
  }

/* --- Borderless Tabular Data Bucket --- */
#logintable, #logintable table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
#logintable th { border-bottom: 0px none; }
#logintable td { border-bottom: 0px none; padding: 2px 0px 2px 0px; background: #EDEDDA}
#logintable ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#logintable li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#logintable ol li { list-style: decimal none; }
#logintable h1 {font-size: 18px; color: red;margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif;}     

.headertable { width: 180px; font-size: 11px; }
     /* Fix for IE. Hide from IE Mac \*/
     #logintable.headertable { *margin-top: -15px; }
     /* End */

     
.institutelogo { float: right; margin: 20px 20px 10px 10px; }

/* Contribute Form */
#col2 fieldset { width: 513px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #f6f6ed; border: 1px solid #b5ceb9; padding-bottom: 8px; }
#col2 fieldset .formHeader { width: 503px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #e1e9dc; color: #336699; font-weight: bold; border-bottom: 1px solid #b5ceb9; padding: 7px 0px 7px 10px; }
#col2 fieldset table { width: 350px; margin-left: 10px; border: none; padding: 0px; }
#col2 fieldset table.wide { width: 460px; margin-bottom: 20px; }
#col2 fieldset tr { border: none; }
#col2 fieldset td { border: none; padding: 0px; }
#col2 fieldset td.topForm { padding-right: 15px; }
#col2 fieldset td.addressCell { padding-right: 35px; }
#col2 fieldset td.wideCell { width: 260px; }
#col2 fieldset .textfield { border: #646464 1px solid; font-size: 12px; }
#col2 fieldset p { margin-left: 10px; margin-right: 10px; }
#col2 fieldset ul { margin: 0px 5px 5px 35px; }

#dSaveCancelButtons { width: 513px; margin-bottom: 10px; }
#BtnCancel { float: left; width: 200px; height: 28px; margin: 10px 0px 0px 10px; border: 2px solid #d3d1d1; background: #acacac; color: #ffffff; font-size: 11px; font-weight: bold; }
#BtnSave { float: right; width: 200px; height: 28px; margin: 10px 10px 0px 0px; border: 2px solid #5a8db9; background: #336699; color: #ffffff; font-size: 11px; font-weight: bold; }
#dVerisignSeal { margin-left: 215px; }

.newsletterAd { margin: 0px 0px 15px 0px; padding: 2px 2px 2px 8px; background: #EDEDED; border-top: 1px solid #A22828; border-bottom: 1px solid #A22828; }
.newsletterAd img { float: right; margin: 0px 0px 0px 10px; }
.newsletterAd h2 { margin: 5px 0px 10px 0px; color: #A22828; }
.newsletterAd .adText { margin: 0px 0px 5px 0px; font-size: 12px; color: #666666; }
.newsletterAd .adText a { color: #666666; }
.newsletterAd .adText a:hover { color: #336699; }

/* Start of Site Search Styles */
#siteSearchContainer { clear: both; }
#siteSearchContainer input { width: 170px; }
#siteSearchContainer div.siteSearchBox { clear: both; background: #F6F6ED; border: 1px solid #B1BCB4; padding: 10px 10px 10px 10px; margin: 20px 0px 20px 0px; }
#siteSearchContainer div.clear { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; font-size: 5px; }
#siteSearchContainer div.siteSearchBox h3 {float: left; margin: 0px 0px 10px 0px; }

#siteSearchAction { float: left; margin: 0px 10px 0px 5px; }
#siteSearchContainer div.left { float: left; margin: 0px 5px 0px 0px; }
#siteSearchContainer div.right { float: right; margin: 0px 2px 0px 0px; }
#siteSearchContainer table, tr, td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; text-align: left; vertical-align : top; }
#advancedSearchOptionsContainer { display: none; clear: both; }
#searchHelpContainer { display: none; clear: both; }

#advancedSearchOptionsContainer input.radioGroup { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; } 
#advancedSearchOptionsContainer input.checkbox { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; border: none; background: none; text-align: left;  }

#advancedSearchOptionsContainer div#textFiltersContainer { clear: both; display: none; }
#advancedSearchOptionsContainer div#documentFiltersContainer { clear: both; display: none; }

#siteSearchResultsContainer { clear: both; }
#siteSearchResultsContainer div#siteSearchResultsHeader {}
#siteSearchResultsContainer div#siteSearchResultsHeader h3 {}
#siteSearchResultsContainer div.siteSearchPaging { margin: 20px 0px 20px 0px; }

#siteSearchResultsContainer div.resultRow { clear: both; background: none; margin: 20px 0px 0px 0px; padding: 1px 1px 1px 1px; }
#siteSearchResultsContainer div.resultTitle { padding: 2px 0px 0px 0px; border: 1px solid #B1BCB4; background: #F6F6ED; clear: both; }
#siteSearchResultsContainer div.resultTitle a { font-weight: bold; margin-top: 40px; }
#siteSearchResultsContainer span.highlight { padding: 1px 1px 1px 1px; background: #F6F6ED; border: 1px solid #B1BCB4; font-weight: bold; }

#siteSearchResultsContainer a.pagingAction { text-decoration: none; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.pagingAction:hover { text-decoration: none; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.pagingAction:visited { text-decoration: none; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.pagingAction:selected { text-decoration: none; margin: 0px 5px 0px 5px; }

#siteSearchResultsContainer a.disabled { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.disabled:hover { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.disabled:visited { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; }
#siteSearchResultsContainer a.disabled:selected { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; }

#siteSearchResultsContainer a.selected { text-decoration: none; font-weight: bold; }
#siteSearchResultsContainer a.selected:hover { text-decoration: none; font-weight: bold; }
#siteSearchResultsContainer a.selected:visited { text-decoration: none; font-weight: bold;  }
#siteSearchResultsContainer a.selected:selected { text-decoration: none; font-weight: bold; }

#siteSearchResultsContainer div.siteSearchPaging a {}
#siteSearchResultsContainer div.siteSearchPaging a:hover {}
#siteSearchResultsContainer div.siteSearchPaging a:visited {}
#siteSearchResultsContainer div.siteSearchPaging a:selected {}

#siteSearchErrorContainer { display: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; font-size: 12px; background: url(/frame-images/icons/error_icon.gif) no-repeat 0px 0px; }
#siteSearchErrorContainer ul#siteSearchErrorDetail { margin: 5px 0px 5px 10px;  color: #d51b1b; font-size: 12px; }
#siteSearchErrorContainer ul#siteSearchErrorDetail li { padding: 0px 0px 5px 0px; font-weight: normal; }
.error_header { font-size: 14px; font-weight: bold; color: #d51b1b; text-transform : uppercase; }
.validationError input { border: 1px solid red; }
/* End of Site Search Styles */

/* Tool Tip */
.balloonstyle { position: absolute; top: -500px; left: 0; padding: 0px 0px 0px 0px; visibility: hidden; z-index: 100; width: 250px; background: url(/frame-images/gastro/backgrounds/arrowbg.gif) repeat-y 0px 0px; }
.balloontext { float: left;  padding: 5px 5px 8px 15px; margin-left: -1px; border: 1px solid #b1ceb0; border-left: 0px none; font-size: 12px; z-index: 100; background-color: #eaf4eb; width: 198px; }
.balloontext h3 { color: #000000; padding-bottom: 5px; }
.balloontip { float: left; width: 32px; height: 100%; padding: 13px 0px 0px 0px; margin: 0px; }
.balloonstyle .detailslink { font-size: 11px; }


#errorMessages { margin: 0px; padding: 0px 0px 5px 15px; color: #FF0000; display: none; }
#errorMessages li { margin-right: 15px; }

.errorMessages { margin: 0px; padding: 0px 0px 15px 15px; color: #FF0000; font-weight: bold; }

.nonmembertable, .nonmembertable table {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-top: 0px none; border-right: 0px none; border-left: 0px none;   }
.nonmembertable td { border-bottom: 0px none; padding: 2px 0px 2px 0px; background: #EDEDDA}
.nonmembertable ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
.nonmembertable li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
.nonmembertable ol li { list-style: decimal none; }
.nonmembertable h1 {font-size: 18px; color: red;margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif;}     

.nonmembertable input { border: 1px solid #999999; }
.nonmembertable input.noborder  { border: none; }
.nonmembertable select { border: 1px solid #999999; }



 div.patientcenterlinks  { float: left; width: 238px; margin: 20px 15px 20px 0px; padding-top: 3px; border-top: 1px solid #FFFFFF;  }
     div.patientcenterlinks h1 { font-size: 14px; margin: 0px; padding: 0px; color: #000000; float: left; }
     div.patientcenterlinks h1 a { color: #000000; text-decoration: none; }
     div.patientcenterlinks h1 a:hover { color: #336699; text-decoration: underline; }
     div.patientcenterlinks p { font-size: 12px; margin: 0px 0px 10px 0px; }
	 div.patientcenterlinks ul { margin: 0px; padding: 0px; }

     div.patientcenterlinks ul li { font-size: 12px; list-style: none; margin: 0px; border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 0px; display: block; }
        div.patientcenterlinks ul li:after { content: ""; display: block; height: 100%; clear: both; }
        div.patientcenterlinks ul li { height: 100%; }

     .pcarrow { float: right; padding-top: 2px; }
	 
/*     #adsponsor { margin: 25px 0px 0px 30px; padding: 5px 5px 5px 5px; background-color: #E8E8D1; font-size: 11px; }	 */


/* Corrections to third column related links */
#col3 #navrelated { margin-right: 0px; }  
#col3 #navrelated ul { width: 170px; }
#col3 #navrelated li { margin: 4px 0px 4px 0px; padding: 0px 5px 0px 10px; background: transparent url(/frame-images/gastro/lists/caret_sidebar.gif) no-repeat 0px 5px; display: block; }   
#col3 #navrelated h1, #navrelated h2, #navrelated h3 { margin: 5px 10px 0px 5px; }

#col3 { width: 200px; margin: 0px 0px 0px 23px; padding: 0px; }
* html #col3 { width: 194px; margin: 0px;  }

/* Correction for the newsletter */

 

#col3 #navrelated.publications { margin: 5px 0px 15px 15px; background: #EDEDED; padding: 3px 5px 10px 5px; width: 160px; } 
* html #col3 .publications { width: 160px; } 
#col3 #navrelated.publications .sideheaderpubs { padding: 0px; margin-bottom: 8px; border-bottom: 1px solid #A22828; font-size: 16px; font-weight: bold; color: #A22828; }
* html #col3 .publications .sideheaderpubs{ position: relative; left: 3px; }
#col3 #navrelated.publications ul { font-size: 12px; margin: 0px; padding: 0px; list-style-type: none; list-style: none; }
* html #col3 .publications ul { position: relative; left: 3px; }
#col3 #navrelated.publications li { margin: 4px 0px 4px 0px;  background: transparent url(/frame-images/gastro/lists/caret_publications.gif) no-repeat 0px 4px; }

.makebutton { height: 23px; min-height: 23px; margin: 0px; padding: 0px; }
.makebutton img { float: left; }
.makebutton a { font: bold 13px Arial, Helvetica, sans-serif; padding: 3px 0px 4px 0px; color: #FFFFFF; text-decoration: none; float: left; background: url(/frame-images/gastro/buttons/buttonbg.gif) repeat-x 0px 0px; }


/* New Wrapper Styles - 6/19/07 */

#wrapper.publications2 { background: url(http://www.gastro.org/frame-images/gastro/backgrounds/interior.gif) repeat-y 0px 0px; } 

#sectionheader.publications2  { margin: 0 auto 5px auto; } 
     /* Fix for IE. Hide from IE Mac \*/
     #sectionheader.publications2  { *height: 44px; }
     /* End */
#sectionheader.publications2  img.sectionheadertxt { float: left; margin: 23px 0px 0px 220px; color: #FFFFFF; font-size: 18px; padding: 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     #sectionheader.publications2  img.sectionheadertxt { *font-size: 20px; }
     /* End */
 
#dialogStatusContainer { width: 400px; clear: left; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#dialogStatusContainer div.modalTitle { background-color: #294DEF; color: #fff; padding: 5px 5px 5px 5px; font-weight: bold; width: 390px; }
#dialogStatusContainer div.sectionContentContainer div.sectionContent { background: url(../user-assets/images/icons/ajax-status.gif) no-repeat 2px 2px; padding: 15px 5px 5px 60px; text-transform: none; margin: 0px; min-height: 100px; height: 100px; }
#dialogStatusContainer div.sectionContentContainer div.error { background: none; background: url(../user-assets/images/icons/x.png) no-repeat 2px 2px; padding: 15px 5px 5px 60px; text-transform: none; margin: 0px; min-height: 100px; height: 100px; }

#dialogStatusContainer div.sectionContentContainer div.sectionContent div.buttonwell { margin-top: 10px; }

.clear { 
 display: block;
 clear: both; 
 overflow: hidden; 
 width: 1px; 
 height: 1px; 
 margin: 0 -1px -1px 0; 
 border: 0; 
 font-size: 0; 
 line-height: 0; 
} 

/* start modal styles */
div#nyroModalFull {
	/*font-size: 12px;
	color: #777;
	font-family: Verdana;*/
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/icons/ajax-loader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 1px solid #5588BB;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	/*background: url(../img/close.gif) no-repeat;*/
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	/*padding: 5px;*/	
	padding: 1px; 
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(../img/next.gif) right 20% no-repeat;
}


.modalHeader { background: url(../images/backgrounds/modalHeader_bkg.gif) repeat-x; height: 25px; padding: 7px 7px 0px 7px; overflow: hidden; }
.modalTitle { float: left; color: #fff; font-weight: bold; }
.modalAction { float: right; }
.modalInterior { padding: 10px 5px 5px 8px; }		
.modalInteriorScroll { width: 300px; height: 350px; padding: 2px; }
/* end modal styles */