body { background: #000000; font: 12px Arial; margin: 0px; margin-bottom: 10px; min-height: 100%; }


a.login:link, a.login:visited, a.login:active { color: #395E25; text-decoration: none; }

a.login:hover { color: #395E25; text-decoration: underline; }


a:link, a:visited, a:active { color: #028DEE; /* #3fa9f5; #00ADEE  */ text-decoration: none; }

a:hover { color: #028DEE; /* #3fa9f5; #00ADEE  */ text-decoration: underline; }

a img { border-style: none; border-color: inherit; border-width: 0px; }

a.no-underline:link { text-decoration: none; }
a.no-underline:visited { text-decoration: none; }
a.no-underline:hover { text-decoration: none; }

a.hov-underline:link { text-decoration: none; }
a.hov-underline:visited { text-decoration: none; }
a.hov-underline:hover { text-decoration: underline; }

a.bar-text:link { text-decoration: none; color: #648C3D; font-size: 12px; font-weight: bold; }
a.bar-text:visited { text-decoration: none; color: #648C3D; font-size: 12px; font-weight: bold; }
a.bar-text:hover { text-decoration: none; color: #3C3019; font-size: 12px; font-weight: bold; }

form { margin: 0px; }

h1, h2, h3 { color: #8CB652; font-family: Arial; margin-bottom: 0px; }

h4, h5 { color: #4B4B4B; font-family: Arial; margin-bottom: 0px; }

h1 { font-size: 18pt; font-weight: normal; margin: 20px 0px 5px 0px; }

h2 { font-size: 11pt; margin: 0.83em 0px; }

h3 { font-size: 10pt; }

h4 { font-size: 10pt; }


ul { margin: 1em 0px; padding-left: 0px; }

blockquote { font-style: italic; }

/* This is a <span> class for the first paragraph directly after a header (of any type) */
.h-follow { margin-top: 0px; }

.bottomsiteindexcolumn { float: left; margin-right: 12px; width: 185px; }

.bottomsiteindexcolumn h4 { color: #4B4B4B; /* #666666 */ font-size: 12px; margin-bottom: 0px; }

.indexisland { background: url('/images/new-index-island-background.png') no-repeat; float: left; height: 210px; /* 222 */ margin: 10px 10px 0px 0px; padding: 0px 30px 30px 30px; width: 217px; /* 277 */ }

.bottomsiteindexcolumn a, .indexisland a { color: inherit; }

.indexisland h2 { color: #ffffff; font-size: 12pt; font-weight: normal; margin-bottom: 20px; }
.indexisland em { color: #999999; }
.productbox { color: #ffffff; float: left; font-size: 12px; height: 220px; text-align: center; width: 172px; }
.productbox a { color: #ffffff; }
.productbox .productlinks ul { margin-top: 130px; }
.productbox .productlinks li { background: none; margin: 0px; padding: 3px 3px 13px 3px; }
.productbox .header { padding: 8px 5px 5px 5px; }
.productboxmaterials { background: url('/images/productbox-materials.png') no-repeat; }
.productboxsoftware { background: url('/images/productbox-software.png') no-repeat; }
.productboxtraining { background: url('/images/productbox-training.png') no-repeat; }
.productboxtraining-1row .productlinks ul { padding-top: 8px; }

/* This acts as an <hr /> but isn't affected by floating images. It also offers more control w/ customization. */
.section-line { border-bottom: 1px solid #999999; padding: 0px 0px 0px 0px; }

/* rotator css */
div#rotator div { float: left; position: absolute; list-style: none; margin-right: 10px; width: 185px; }

div#rotator div.show { z-index: 500; }

/* This is used for an article summary, like on useit.com. */
.summary { background: #EAECED; padding: 5px; }

.summary h2 { color: #4B4B4B; /* #666666 */ font-size: 10pt; margin: 0px; margin-bottom: 3px; }

.summary p { margin: 0px; }

.summary-lblue { background: #dbe6f6; padding: 5px; }

.summary-lblue h2 { font-size: 10pt; margin: 0px; margin-bottom: 3px; }

.summary-lblue p { margin: 0px; margin-left: 5px; }

.page-header-background { background: url('/images/masthead-189h.png') no-repeat top center; }

/*****************************************************
**	Layout Styles									**
*****************************************************/

.breadcrumbs { border-bottom: 1px solid #e1e1e1; color: #b4b4b4; margin-bottom: 10px; }

.breadcrumbs-NoMenu { margin-bottom: 0px; }

.breadcrumbs a { color: #b4b4b4; }

.bottomsiteindexcolumn a, .indexisland a { color: #4B4B4B; /* #666666 */ }

.bottomsiteindexcolumn a:hover, .breadcrumbs a:hover, .indexisland a:hover { color: #68b7fd; text-decoration: none; }

.column_inner2 { background: #F3EBD8; margin: 0px; padding: 0px; border: 1px solid #8CB652; }

.onecolumn { /* position this div however you want, but        keep its padding and border at zero */ padding: 0px; border: 0px; float: left; margin-top: 5px; margin-right: 10px; width: 100%; }

/* For IE only */
.onecolumn { margin: 0px; }

.onecolumn .column_content { padding-left: 0px; padding-right: 0px; }

/* For Firefox Only */
html > body .onecolumn { margin-top: 5px; margin-right: 10px; }

html > body .onecolumn .column_content { padding-left: 10px; padding-right: 10px; }

.threecolumn_left_wrapper { /* position this div however you want, but        keep its padding and border at zero */ padding: 0px; border: 0px; float: left; margin-top: 5px; margin-right: 10px; width: 186px; }

.threecolumn_middle_wrapper { /* position this div however you want, but        keep its padding and border at zero */ padding: 0px; border: 0px; float: left; margin-left: 5px; margin-top: 5px; margin-right: 5px; width: 600px; }

html > body .threecolumn_middle_wrapper { margin-right: 0px; width: 186px; }

.threecolumn_left { padding: 55px 0px 0px 0px; border: 0px; float: left; margin-right: 5px; margin-top: 5px; width: 186px; }

.threecolumn_center { /* position this div however you want, but        keep its padding and border at zero */ padding: 0px; border: 0px; float: right; margin-top: 5px; width: 600px; }

.threecolumn_right { /* position this div however you want, but        keep its padding and border at zero */ padding: 0px; border: 0px; float: right; margin: 0px 0px 10px 10px; width: 186px; }

.threecolumn_right_green { /* This is a special bright green box I use to do new product announcements and stuff. */ /* position this div however you want, but        keep its padding and border at zero */ background: #216F1F url("/images/bg_gradient_green.jpg") repeat-x top; border: 1px solid #144412; color: #ffffff; padding: 0px; float: left; margin-bottom: 10px; margin-left: 5px; margin-top: 5px; margin-right: 5px; width: 186px; }

.threecolumn_right_green h2 { color: #ffffcc; margin-top: 0px; }

.threecolumn_right_green p { margin-bottom: 0px; }

.threecolumn_right_green a { color: #ffff66; }

.threecolumn_right_green .threecolumn_right_green_inner { padding: 10px; }

.threecolumn_right_green .yellow { color: #ffffcc; }

.twocolumn_main { padding: 0px; border: 0px; float: left; width: 516px; }

.twocolumn_side { padding: 0px; border: 0px; float: right; margin: 0px 0px 10px 10px; width: 245px; }

.tour_content { padding: 0px 0px 0px 30px; }

.tour_content h1 { margin-top: 0px; }

.tour_index { padding: 0px 280px 0px 0px; }

.tour_main { float: right; width: 600px; }

.tour_menu { float: left; width: 190px; }

.tour_menu_proper { background: #013d6b url('/images/background-menu-tour.png') top no-repeat; height: 430px; width: 190px; }

.column_header { background: #F3EBD8; border-bottom: 1px solid #BCA562; font-family: Arial; font-size: 9pt; font-weight: bold; padding: 5px; padding-left: 13px; }

.column_header2 { background: #ffffff; border-bottom: 1px solid #BCA562; font-family: Arial; font-size: 12pt; padding: 5px; padding-left: 13px; }

.column_subhead { background: #FCF6E7; border-top: 1px solid #BCA562; border-bottom: 1px solid #BCA562; font-family: Arial; font-size: 9pt; padding: 5px; padding-left: 13px; }

.column_content { padding: 10px; padding-top: 0px; position: relative; }

.contentInner li, .indexisland li { background: url('/images/bullet.gif') no-repeat 3px 9px; list-style: none; margin: 0px; padding: 3px 0 3px 9px; }

ul.linklist li { background: none; padding-left: 0px; }

ul.spaceless li { padding: 0px; }

html > body .threecolumn_left_content { margin-top: -5px; }

.threecolumn_wrapper { float: right; }

/* Firefox has a little extra space.  Let's put it to good use. */
html > body .threecolumn_wrapper { margin-right: 10px; }

/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR { width: 11px; height: 11px; padding: 0px; border: 0px; z-index: 99; }
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -11px 0px 0px 0px; }
.borderBR { margin: -11px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL { margin-left: -4px; }
html > body .borderTL { margin-left: -1px; }
.borderTR { margin-right: -4px; }
html > body .borderTR { margin-right: -1px; }
.borderBL { margin-left: -3px; }
html > body .borderBL { margin-left: 0px; }
.borderBR { margin-right: -3px; }
html > body .borderBR { margin-right: 0px; }

.content { padding: 13px 30px 20px 30px; }

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.contentInner { background: #ffffff; border: 1px solid #c3c6d5; /* To help with the rounded corners */ color: #4B4B4B; /* #666666 */ margin: 0px; /*min-height: 250px;*/ padding: 0px; }

.contentWrapper { padding:10px 0 0; border: 0px; margin:auto; position: relative; width: 852px; }

.clear { clear: both; }

/*---------------------------------------------------------------------------------------------------------------------
	Styles for the "Next Steps" navigation
---------------------------------------------------------------------------------------------------------------------*/

/* button background for the next steps links*/
.next_steps_container { background: url(/images/nextsteps_defaulback.jpg) no-repeat; width: 250px; height: 180px; }

.next_step_header { color: #000066; font-family: Arial; font-size: 9pt; padding: 5px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; }

.next_steps { list-style-type: none; margin-top: 2px; margin-bottom: 0px; }

.next_steps li { background: url(/images/nextstep_btn.jpg) no-repeat; width: 220px; height: 28px; font-weight: bold; padding-left: 9px; padding-top: 6px; margin-bottom: -2px; margin-left: -22px; }

.next_steps_stories { color: #000066; font-family: Arial; font-size: 9pt; text-align: right; margin-top: 2px; margin-right: 15px; }

.next_steps_stories a { font-weight: normal; font-style: italic; }

.header_flashbox { border-bottom: 5px solid #1E246E; border-top: 5px solid #1E246E; }

.header_linkbar { color: #ffffff; padding-top: 2px; text-align: right; position: absolute; top: 25px; right: 21px;  width:430px; }
.header_toplinks { color: #333; padding-top: 2px; padding-right: 15px; text-align: right; float: left; width: 250px; }
.header_switchlinks { color: #FFFF66; font-size: 15px; position: absolute; top: 100px; left: 660px; width: 173px; z-index: 991; }
.header_switchlinks a { color: #FFFF66; font-size: 13px;  }

.header_switchlinks a:hover { text-decoration: underline; }
.header_switchShadow { color: #000000; font-size: 15px; position: absolute; top: 101px; left: 661px; width: 173px; z-index: 990; }
.header_switchShadow a { color: #000000; font-size: 13px;  }

.header_switchShadow a:hover { text-decoration: underline; }

.header_linkbar a { color: #333; text-decoration: none; }

.header_linkbar a:hover { text-decoration: underline; }

.header_linkbar input { margin-left: 0px; width: 140px; }

/* Fix for FireFox */
html > body .logo_slogan { margin-top: 0px; }

.masthead_links { height: 109px; /* 231 */ margin: 0px; }
.masthead_links .textbox { width: 140px; margin: 0; border-style: solid none solid solid; border-color: #C0C0C0; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float: right; }
.masthead_links .button { border: none; vertical-align: top; width: 20px; height: 20px; float: right; }
/* Used specifically for landing pages that don't require the horizontal menu bar. */
.masthead_links-NoMenu { height: 150px; /* 150 */ margin: 0px; }

.masthead_links a:link, .masthead_links a:visited, .masthead_links a:hover, .masthead_links a:active { font-weight: normal; }

.masthead_links ul li { float: left; list-style: none; }

.nextsteps_links { margin: -10px; margin-bottom: -5px; }

.right_icon { border: 2px solid #1294E7; float: left; margin: 10px; margin-left: 0px; }

html > body .right_icon { margin-top: 0px; }

.roundedCornerSpacer { margin: 0px; padding: 0px; border: 0px; clear: both; font-size: 1px; line-height: 1px; }

/* This is used for pages that have PDF files, so we can say "You need the PDF reader." */
.need_pdf, .need_plugin { border-top: 1px solid #e1e1e1; clear: both; margin-top: 10px; padding-top: 10px; }

.need_pdf img, .need_plugin img { float: left; }

.need_pdf p, .need_plugin p { margin-left: 100px; margin-top: 6px; }

.flash_video { text-align: center; }

.testimonial_video { margin-bottom: 20px; text-align: center; }

.error { background: #6E1E1E; color: #ffffff; margin-bottom: 20px; padding: 10px; position: relative; }

.error a, .error a:visited, .error a:active { color: #ffff99; }

.error a:hover { color: #ffff00; }

.error h2 { color: #ffffff; font-size: 13pt; font-weight: normal; margin: 0px; margin-bottom: 5px; }

/* Show a different background if we're in our special-blue scheme. */
.column_inner_blue .context_sensitive_navigation #current1 a { font-weight: bold; }

/* This is a blue-colored version of .column_inner, used for special sidebars like those of the DIP 3.0 section. */
.column_inner_blue { background: #82B8E6 url("/images/bg_contentbox_blue.gif") repeat-x top; margin: 0px; padding: 0px; border: 1px solid #1E246E; }

/* This is a blue-colored version of .column_inner, used for special sidebars like those of the DIP 3.0 section. */
.column_inner_green { background: #003263 url("/images/bg_contentbox_green.gif") repeat-x top; margin: 0px; padding: 0px; border: 1px solid #1E246E; }

/* 	This is a special header bar used when we want to include a floated button on the right, like 
	"Click here to view the picture."  It's used in the	Direct Instruction Materials pages. */
.h_picturebar { background: #EAECED; padding: 10px; }

.h_picturebar h2 { margin: 0px; }

.notice { background: #D7D7E7; border: 1px solid #1E246E; padding: 10px; }

/* This is used to emphasize sections of copy, like in the newsletter. */
.highlight { font-style: italic; font-weight: bold; }

.highlight-red { color: #BA2121; font-style: italic; font-weight: bold; }

/* Style up the "You need flash" boxes for pages that only show them when Flash is not installed. */
#small_flash .need_plugin { background: #E5D4A0; border: 1px solid #8CB652; padding: 10px; padding-bottom: 5px; }

.printable_floater { float: left; margin: 5px; margin-bottom: 15px; }

.footer { color: #808080; text-align: center; padding-top: 5px; }

.footer a { color: #ffffff; }
.footer a:hover { text-decoration: underline; }

.footer p { font-size: 8pt; margin-top: 5px; }
.footerLinks { text-align:center; margin:10px 20px; line-height:20px; }

.footerButtons { float: right; width:320px; padding:0 5; }

/* This is an Internet Explorer hack, to make it so it doesn't leave entire sections of content invisible: */

/* Hides from IE5-mac \*/
* html .column_content { height: 1%; }
/* End hide from IE5-mac */

.context_sensitive_navigation li { height: 1%; margin: 0px; }

#csn_container { padding-left: 0px; padding-right: 0px; }

.testimonial_list li { padding: 3px; }

.testimonial-quote { margin-top: 10px; }

.success-story-quote { font-weight: bold; }

.shots_navigation { border-top: 1px solid #8CB652; padding: 10px; margin-top: 20px; text-align: center; }

.shots_navigation .previous { float: left; text-align: left; width: 100px; }

.shots_navigation .next { float: right; text-align: right; width: 100px; }

/* Homepage news */
#news h2 { border-bottom: 1px solid #8CB652; font-size: 10pt; padding-bottom: 2px; }

/*AJAX Accordion*/
.accordionHeader { border: 1px solid #2F4F4F; color: #000000; background: #ffffff url("/images/ctxnav_levelbg2.gif"); font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; text-decoration: underline; }

.accordionContent { border: 1px #2F4F4F; border-style: inset; border-top: none; padding: 5px; padding-top: 10px; }

#master_content .accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; }

#master_content .accordionHeader a:hover { background: none; text-decoration: underline; }

a.ContextMenuItem { margin: 1px 0 1px 0; display: block; color: #003399; text-decoration: none; cursor: pointer; padding: 4px 19px 4px 33px; white-space: nowrap; }

a.ContextMenuItem-Selected { font-weight: bold; }

a.ContextMenuItem:hover { background-color: #FFE6A0; color: #003399; border: 1px solid #D2B47A; padding: 3px 18px 3px 32px; }

.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }

.sitemap:link { color: #028DEE; /* #2A307A;  */ }

.sitemap:visited { color: #028DEE; /* #999999;  */ }

.eyecandy { width: 516px; }

.bluebox, .greenbox, .purplebox, .redbox, .yellowbox { margin-bottom: 10px; margin-left: -4px; width: 250px; }

.bluebox ul, .greenbox ul, .purplebox ul, .redbox ul, .yellowbox ul { list-style: none; margin: 0px; padding: 0px; }

.bluebox ul li, .greenbox ul li, .purplebox ul li, .redbox ul li, .yellowbox ul li { background: none; padding: 3px 0px 3px 0px; }

.bluebox .header, .greenbox .header, .purplebox .header, .redbox .header, .yellowbox .header { color: #ffffff; font-size: 14px; min-height: 20px; padding: 10px 10px 3px 10px; }
.bluebox .header { background: url('/images/bluebox-header.png') no-repeat top; }
.greenbox .header { background: url('/images/greenbox-header.png') no-repeat top; }
.purplebox .header { background: url('/images/purplebox-header.png') no-repeat top; }
.redbox .header { background: url('/images/redbox-header.png') no-repeat top; }
.yellowbox .header { background: url('/images/yellowbox-header.png') no-repeat top; }

.bluebox .content, .greenbox .content, .purplebox .content, .redbox .content, .yellowbox .content { background: url('/images/colorbox-content-background.png') repeat-y; margin-bottom: -5px; padding: 10px 12px 0px 13px; width: 228px; }

.bluebox .content .caption, .greenbox .content .caption, .purplebox .content .caption, .redbox .content .caption, .yellowbox .content .caption { font-size: 11px; font-style: italic; text-align: center; }

.bluebox .content a:link, visited { color: #4B4B4B; text-decoration: none; }
.bluebox .content a:hover { color: #4B4B4B; text-decoration: underline; }
.greenbox .content a:link, .purplebox .content a:link, .redbox .content a:link, .yellowbox .content a:link { color: #028DEE; /* #3fa9f5; #00ADEE  */ text-decoration: none; }

.greenbox .content a:visited, .purplebox .content a:visited, .redbox .content a:visited, .yellowbox .content a:visited { color: #028DEE; /* #3fa9f5; #00ADEE  */ text-decoration: none; }

.greenbox .content a:hover, .purplebox .content a:hover, .redbox .content a:hover, .yellowbox .content a:hover { color: #028DEE; /* #3fa9f5; #00ADEE  */ text-decoration: underline; }

.bluebox .strong, .greenbox .strong, .purplebox .strong, .redbox .strong, .yellowbox .strong { font-weight: bold; color: #4B4B4B; /* #4c4c4c;*/ }

.bluebox .footer, .greenbox .footer, .purplebox .footer, .redbox .footer, .yellowbox .footer { background: url('/images/colorbox-footer.png') no-repeat bottom; height: 15px; margin: 0px -1px -1px -1px; }

.bluebox .link a:link, .greenbox .link a:link, .purplebox .link a:link, .redbox .link a:link, .yellowbox .link a:link { margin-top: 0px; color: #4B4B4B; /* #4c4c4c;*/ text-decoration: none; }

.bluebox .link a:visited, .greenbox .link a:visited, .purplebox .link a:visited, .redbox .link a:visited, .yellowbox .link a:visited { color: #4B4B4B; /* #4c4c4c;*/ text-decoration: none; }


.bluebox .link a:hover, .greenbox .link a:hover, .purplebox .link a:hover, .redbox .link a:hover, .yellowbox .link a:hover { color: #4B4B4B; /* #4c4c4c;*/ text-decoration: underline; }

.bluebox ul.link a:link, .greenbox ul.link a:link, .purplebox ul.link a:link, .redbox ul.link a:link, .yellowbox ul.link a:link { margin-top: 0px; color: #4B4B4B; /* #4c4c4c;*/ text-decoration: none; }

.bluebox ul.link a:visited, .greenbox ul.link a:visited, .purplebox ul.link a:visited, .redbox ul.link a:visited, .yellowbox ul.link a:visited { color: #4B4B4B; /* #4c4c4c;*/ text-decoration: none; }


.bluebox ul.link a:hover, .greenbox ul.link a:hover, .purplebox ul.link a:hover, .redbox ul.link a:hover, .yellowbox ul.link a:hover { color: #4B4B4B; /* #4c4c4c;*/ text-decoration: underline; }

.bluebox .quote, .greenbox .quote, .purplebox .quote, .redbox .quote, .yellowbox .quote { color: #4B4B4B; /* #4c4c4c;*/ margin-top: 10px; }

/* This class is a little different than the rest of the colored side-bar boxes, used mainly for product images. */
.greybox .header { color: #ffffff; font-size: 14px; min-height: 20px; padding: 10px 10px 3px 10px; }
.greybox .header { background: url('/images/greybox-header.png') no-repeat top; }

.greybox { margin-bottom: 10px; margin-left: -4px; width: 250px; }

.greybox ul { list-style: none; margin: 0px; padding: 0px; }

.greybox ul li { background: none; padding: 3px 0px 3px 0px; }

.greybox .content { background: url('/images/colorbox-content-background.png') repeat-y; margin-bottom: -5px; padding: 10px 12px 10px 13px; width: 228px; }

.greybox a { color: #ffffff; }

.greybox .footer { background: url('/images/greybox-footer.png') no-repeat bottom; height: 38px; margin: 0px -1px -1px -1px; }

.greybox .footer ul { text-align: center; }

.greybox .footer li { background: none; margin: 0px; padding: 9px 0px 0px 0px; }

table.profile { background: transparent; border-left: 0px; border-top: 0px; font: 10pt Arial; width: 100%; padding: 0px; }

.profile td, .profile th { border-bottom: 0px; border-right: 0px; border-top: 0px; border-left: 0px; padding: 0px; text-align: left; }

.profile th { font-weight: normal; }

table { border-collapse: collapse; }

th { text-align: left; width: 150px; }

table td input.text, table td textarea { border: 1px solid #8CB652; border-color: #8CB652 #E1D4C0 #E1D4C0 #8CB652; font: 10pt Arial; }

/* For exceptions where we want to avoid the formatting listed above.*/
.noformat table { background: none; padding: 0; }

.noformat table td, .noformat tableth { border: 0; border-left-style: hidden; border-bottom-style: hidden; padding: 0; }

.noformat input { border: 0; /* So checkboxes don't have a weird border on IE */ }


.noformat2 table { background: none; padding: 0; }

.noformat2 table td, .noformat2 tableth { border: 0; border-left-style: hidden; border-bottom-style: hidden; padding: 0; }

table.noformat3 { background: transparent; padding: 0; border-right: 0px; border-left: 0px; border-bottom: 0px; border-top: 0px; }

.noformat3 td, .noformat3 th { border: 0; border-left-style: hidden; border-bottom-style: hidden; padding: 0; border-right: 0px; border-left: 0px; border-bottom: 0px; border-top: 0px; }

.offerbutton { height: 36px; margin-bottom: 2px; }

.offerbuttoncontainer { margin-bottom: 12px; }

.someformat table { background: none; padding: 0px; }

.someformat table td, .noformat table th { border: 0px; padding: 0px; }

.someformat table td input.text, table td textarea { border: 1px solid #8CB652; border-color: #8CB652 #E1D4C0 #E1D4C0 #8CB652; font: 10pt Arial; }


.button { cursor: pointer; }

.column_content { padding-left: 0px; padding-right: 0px; }

/* These are my "elegant" style tables, based on the Google AdWords interface. */
table.elegant { background: none; border-collapse: collapse; border-left: 1px solid #8CB652; border-top: 1px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; }

.elegant td, .elegant th { border-bottom: 1px solid #8CB652; border-right: 1px solid #8CB652; border-top: 0px; padding: 5px; cursor: pointer; }

.elegant th { background: #deeccc; font-weight: normal; }

.elegant .orderedby { background: #e0e0e0; }

table.elegant2 { background: none; border-collapse: collapse; border: 1px solid #cccccc; padding: 0px; font: 10pt Arial; width: 100%; }

.elegant2 td, .elegant2 th { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0px; padding: 5px; }

.elegant2 th { background: #faf4e8; font-weight: normal; }

table.elegant3 { border-collapse: collapse; border-left: 1px solid #8CB652; border-top: 1px solid #8CB652; border-right: 1px solid #8CB652; border-bottom: 1px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; }

.elegant3 td, .elegant3 th { border-collapse: separate; border-bottom: 1px solid #8CB652; border-right: 0px none; border-left: 0px none; border-top: 0px none; padding: 5px; }

.elegant3 td { cursor: pointer; }

.elegant3 th { background: #faf4e8; font-weight: normal; }

.elegant3_highlight { background: #e0e0e0; }

table.elegant4 { border-collapse: collapse; border-left: 1px solid #8CB652; border-top: 1px solid #8CB652; border-right: 1px solid #8CB652; border-bottom: 1px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; vertical-align: top; }

.elegant4 td, .elegant4 th { border-bottom: 1px solid #8CB652; border-right: 1px solid #8CB652; border-top: 0px; padding: 5px; vertical-align: top; }

.elegant4 th { background: #faf4e8; font-weight: bold; font-size: 12pt; }

table.elegant5 { background: none; border-collapse: collapse; border: 1px solid #cccccc; padding: 0px; font: 10pt Arial; width: 100%; }

.elegant5 td, .elegant5 th { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0px; padding: 5px; }

.elegant5 th { background: #D4D6D7; font-weight: bold; }

.elegant5 th.title { background: #EAECED; font-style: italic; font-weight: normal; }




table.el { border-collapse: collapse; border-left: 0px solid #8CB652; border-top: 0px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; }

.el td, .el th { border-bottom: 1px solid #8CB652; border-right: 0px solid #8CB652; border-top: 1px solid #8CB652; padding: 10px; }

.el th { color: #60403D; text-align: left; width: 200px; font-weight: bold; font-size: small; padding: 10px; border-right-style: hidden; border-right-color: transparent; }

table.el2 { border-collapse: collapse; border-left: 0px solid #8CB652; border-top: 0px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; }

.el2 td, .el2 th { border-bottom: 1px solid #8CB652; border-right: 1px solid #8CB652; border-left: 1px solid #8CB652; border-top: 1px solid #8CB652; padding: 5px; }

.el2 th { color: #60403D; text-align: left; width: 200px; font-weight: bold; font-size: small; padding: 10px; border-right: 0px; }

table.el3 { border-collapse: collapse; border-left: 0px solid #8CB652; border-top: 0px solid #8CB652; padding: 0px; font: 10pt Arial; width: 100%; }

.el3 td, .el3 th { border-bottom: 1px solid #8CB652; border-right: 0px solid #8CB652; border-top: 1px solid #8CB652; padding: 10px; }

.el3 th { color: #60403D; text-align: left; width: 70%; font-weight: bold; font-size: small; padding: 10px; border-right-style: hidden; border-right-color: transparent; }

table.el_select { border-collapse: collapse; padding: 0px; width: 100%; }

.el_select td, .el_select th { cursor: pointer; }

.el_select th { text-align: left; font-weight: bold; padding: 10px; }

.el_highlight { background: #EAECED; cursor: pointer; }

.el_pointer { cursor: pointer; background: #EAECED; }

table.grid { background: #e0cc8e; border-collapse: collapse; border-bottom: 1px solid #8CB652; border-top: 1px solid #8CB652; border-left: 0px; border-right: 0px; padding: 0px; font: 10pt Arial; width: 100%; }

.grid th { border-bottom: 1px; }

.grid td { border-right: 0px; border-bottom: 0px; border-left: 0px; padding: 5px; cursor: pointer; }

table.grid2 { background: none; border-collapse: collapse; border-bottom: 0px solid #8CB652; border-top: 0px solid #8CB652; border-left: 0px; border-right: 0px; padding: 0px; font: 10pt Arial; width: 100%; }

.grid2 th { border-bottom: 1px; }

.grid2 td { border-right: 0px; border-bottom: 0px; border-left: 0px; padding: 5px; cursor: pointer; }

table.grid3 { background: none; border-collapse: collapse; border-bottom: 0px; border-top: 0px; border-left: 0px; border-right: 0px; width: 100%; }

.grid3 td { border: 0px; padding: 5px; }

table.grid4 { background: none; border: 0px; padding: 0px; font: 10pt Arial; width: 100%; }

.grid4 th { padding: 10px; font-size: larger; }

.grid4 td th { background: #EAECED; }

.grid4 td { padding: 0px; }

.grid4 td td { padding: 10px; }


.grid4 td, .grid4 th { border-right: 0px; border-bottom: 0px; border-left: 0px; border-top: 0px; }


.grid_highlight { background: #e6d5a4; }

.pop table { width: 25%; }

table.special { border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px; margin: 0px auto; border-spacing: 30px; }

.special td { cursor: pointer; border: 0 0 0 0; border-right-style: hidden; border-top: 1px solid #8CB652; padding: 10px; }

.special th { background: #E1C077; border-bottom: 0px; border-left: 2px solid #E4D29D; border-right: 1px solid #8CB652; border-top: 2px solid #E4D29D; border-collapse: inherit; padding: 10px; }

.special_over { color: #005BD8; }
.special_over h4 { color: #ffffff; }

.movieviewer { margin: auto; width: 825px; }

ul.barlist { list-style: none; padding: 0px; }

ul.barlist li { background: none; border-bottom: 1px solid #b4b4b4; margin: 0px; padding: 3px 0px 3px 0px; }

ul.barlist a { display: block; padding: 5px 0px 5px 0px; }

.bottomsiteindexcolumn ul.linklist li { padding-left: 0px; }

.bluebox table, .bluebox td, .bluebox th { background: transparent; border: 0px; }

.photogalleryphoto { margin-top: 10px; }

.researchstudy, .researchstudy td, .researchstudy th { border: 1px solid #808184; text-align: center; margin-bottom: 25px; }

.researchstudy td { padding: 10px; }

.researchstudy th.title { background: #EAECED; font-style: italic; }

.researchstudy td.section { padding: 0px; }

.researchstudy td.section table { width: 100%; }

.researchstudy td.section-top { border-bottom: 1px border solid #808184; border-left: none; border-right: none; border-top: none; text-align: center; }

.researchstudy td.section-bottom { border: none; }

.researchstudy th { background: #D4D6D7; padding: 5px; }
.researchstudy tbody th { background: #ffffff; color: #6B9A3D; font-weight: normal; padding: 10px; }

.researchstudy tbody th.highlight { color: #6B9A3D; font-style: italic; font-weight: bold; }

.researchstudy tr.highlight, .researchstudy td.highlight, .researchstudy th.highlight { color: inherit; font-style: italic; font-weight: bold; }
.researchstudy tbody tr.highlight th { font-weight: bold; font-style: italic; }

.new_researchstudy { text-align: center; border: 1px solid #000000; }

.new_researchstudy td { border-left: 1px solid #000000; border-right: 1px solid #000000; }

.new_researchstudy tr { height: 42px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

.new_researchstudy_rgl { font-style: italic; font-weight: bold; }

.new_researchstudy_groups { color: #6B9A3D; font-weight: bold; }

.new_researchstudy_rowheader { background-color: #D4D6D7; font-weight: bold; }

.tablekey, .tablekey tr, .tablekey td { font-size: 10px; }

.search_meta { color: #8284CC; }

.search_url { color: #008000; }

table.striped td, table.striped th { padding: 5px; }

table.striped tbody tr.odd td, table.striped tbody tr.odd th { background: #eeeeee; }

.requestinfo th { font-weight: normal; }

.methodVideoContainer { margin-left: -200px; }
#uniquename { position: fixed; width: 350px; height: 450px; top: 150px; right: 0px; z-index: 3; }
/*.popUp
{
	position:fixed;width:400px; height:475px; text-align:center; vertical-align:middle;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	background: white;
}

.modalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}
 
 Position should be -1000px, so during loading you not gonna see popup initialization.
 
.ModalWindow
{
  border: solid1px#c0c0c0;
  background:#f0f0f0;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}*/

/**********************************************************************
* FEEDBACK BUTTON / POPUP FORM STYLES
**********************************************************************/
.feedbackBtn {  height: 25px; z-index: 100; float: left; padding-right:8px;}
#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 9999; }
.popup_block { display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block h1 { margin-top: 0px; margin-bottom: 15px; }
.popup_block .tableSpacing { padding-bottom: 10px; }
.popup_block .tableLable { padding-bottom: 5px; }
.popup_block .txtBox { border: 1px solid #CCCCCC; margin: 0; padding: 3px; width: 180px; height: 14px; position: relative; }
.popup_block .error { background-color: transparent; color: Red; font-size: 12px; margin: 0; padding: 3px; position: relative; }
img.btn_close { float: right; margin: -55px -55px 0 0; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
.maxDimensions { width: 340px; max-width: 340px; height: 130px; max-height: 130px; }
#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 9999; }
.popup_block { display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block h1 { margin-top: 0px; margin-bottom: 15px; }
.popup_block .tableSpacing { padding-bottom: 10px; }
.popup_block .tableLable { padding-bottom: 5px; }
.popup_block .txtBox { border: 1px solid #CCCCCC; margin: 0; padding: 3px; width: 180px; height: 14px; position: relative; }
.popup_block .error { background-color: transparent; color: Red; font-size: 12px; margin: 0; padding: 3px; position: relative; }
img.btn_close { float: right; margin: -55px -55px 0 0; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
.maxDimensions { width: 340px; max-width: 340px; height: 130px; max-height: 130px; }

/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert,
.notice,
.success { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
/*.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }*/
.error a, .alert a { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }
/*.info a            { color: #205791; }*/