.abs { position: absolute; }
.rel { position: relative; }
.fixed { position: fixed; }

.left { left: 0px; }
.right { right: 0px; }
.top { top: 0px; }
.bottom { bottom: 0px; }

.fillWidth { width: 100%; }
.fillHeight { height: 100%; }
.fillAll { width: 100%; height: 100%; }

.noBorder { border: none; }
.noMargin { margin: 0px 0px 0px 0px; }
.noOverflow { overflow: hidden; }
.noPadding { padding: 0px 0px 0px 0px; }


.onTop { z-index: 65535; }

.cursorMove { cursor: move; }
.cursorResizeN { cursor: n-resize; }
.cursorResizeS { cursor: s-resize; }
.cursorResizeE { cursor: e-resize; }
.cursorResizeW { cursor: w-resize; }
.cursorResizeNE { cursor: ne-resize; }
.cursorResizeNW { cursor: nw-resize; }
.cursorResizeSE { cursor: se-resize; }
.cursorResizeSW { cursor: sw-resize; }


.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCentre { text-align: center; }
.textJustify { text-align: justify; }

.textBold { font-weight: bold; }
.textItalic { font-style: italic; }
.textPlain { text-decoration: none; }
.textUnderline { text-decoration: underline; }

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

body { margin: 0px 0px 0px 0px; background: #ffffff; background-image: url(../images/bodybg2.gif); background-repeat: repeat-x; }

#site { position: relative; top: 0px; width: 980px; background: #ffffff; }
#header { position: relative; left: 0px; top: 0px; width: 100%; height: 70px; background-image: url(../images/header.gif); overflow: hidden; }
#logo { position: absolute; left: 10px; top: 0px; }
#content { position: relative; left: 0px; top: 0px; width: 100%; }
#subMenu { position: relative; left: 0px; top: 0px; width: 980px; height: 24px; background-image: url(../images/submenubg.gif); overflow: hidden; }
#subMenuItems { position: absolute; left: 30px; top: 0px; width: 950px; height: 100%; text-align: left; }
#subMenuArrow { position: absolute; left: 8px; top: 4px; }
#subMenuDivider { position: absolute; left: 28px; top: 0px; }
#footer { position: relative; left: 0px; top: 0px; width: 100%; height: 90px; background-image: url(../images/footer.gif); overflow: hidden; }
#footerItems { position: absolute; left: 26px; bottom: 4px; text-align: left; }
#footerCopyright { position: absolute; right: 6px; bottom: 4px; text-align: right; }
#footerArrow { position: absolute; left: 6px; bottom: 4px; }
#mainMenu { position: relative; left: 0px; top: 0px; width: 100%; height: 32px; background-image: url(../images/menunormal.gif); overflow: hidden; }

.menuLeft { position: absolute; left: 0px; top: 0px; }
.menuRight { position: absolute; right: 0px; top: 0px; }
.mainMenuItem { position: absolute; top: 0px; width: 150px; height: 100%; text-align: center; }
.mainMenuDivider { position: absolute; right: 0px; top: 0px; }
.topMenuText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 14px; color: #404040; }
.mainMenuText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 15px; color: #f8f8f8; text-decoration: none; }
.subMenuText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 11px; color: #404040; }
.footerText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 12px; color: #f8f8f8; }
.siteMapText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 13px; font-weight: bold; color: #f8f8f8; }
.siteMapSubText { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 13px; color: #404040; }
.contentHeadline { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 30px; font-weight: bold; color: #404040; line-height: 36px; }
.contentBigTitle { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 24px; font-weight: bold; color: #404040; line-height: 30px; }
.contentTitle { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 18px; font-weight: bold; color: #404040; line-height: 24px; }
.contentSplash { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 18px; color: #404040; line-height: 24px; }
.contentNormal { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 13px; color: #404040; line-height: 19px; }
.contentBig { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 16px; color: #404040; line-height: 22px; }
.contentSmall { font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Verdana, Arial; font-size: 12px; color: #606060; line-height: 18px; }
.contentHighlighted { color: #3d76b2; }


input { background: #ffffff; border: solid 1px #c1cedd; font-family: Lucida Sans, Lucida Sans Unicode, Tahoma, Verdana, Arial; font-size: 12px; color: #404040; height: 18px; vertical-align: middle; }
textarea { background: #ffffff; border: solid 1px #c1cedd; font-family: Lucida Sans, Lucida Sans Unicode, Tahoma, Verdana, Arial; font-size: 12px; color: #404040; vertical-align: middle; }
select { background: #ffffff; border: solid 1px #c1cedd; font-family: Lucida Sans, Lucida Sans Unicode, Tahoma, Verdana, Arial; font-size: 12px; color: #404040; height: 18px; vertical-align: middle; }
ul { margin: 0px; padding-left: 15px; }

/* HOMEPAGE */

.showcase_panel { width: 170px; height: 170px; float: left; margin-right: 20px; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }
.showcase_panel_right { width: 170px; height: 170px; float: left; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }

.showcase_panel span { height: 45px; display: block; }
.showcase_panel_right span { height: 45px; display: block; }
.showcase_image { margin-top: 1px; }

.trial_panel { width: 170px; height: 170px; float: left; margin-right: 20px; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }
.trial_panel_right { width: 170px; height: 170px; float: left; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }

.trial_panel span { height: 30px; display: block; }
.trial_panel_right span { height: 30px; display: block; }
.trial_image { margin-top: 1px; }


.dotted_heading { border-bottom: 1px dotted #fff; padding-bottom: 15px; }

/* FOOTER */
.footer_panel { float: left; width: 142px; margin-right: 10px; }
.sitemap_link { margin-bottom: 0px; font-size: 0.85em; }



/* Collasping Panels */
.stretch { }

.dropdown { margin-top: 10px; color: #FFF; padding: 5px; border: 1px solid #fff; background: #2E5BA6 url(../images/icons/small_arrow.gif) no-repeat right; }
.stretcher { }

.partners { float: left; width: 180px; margin-right: 6px; margin-bottom: 10px; }
.partner_logo { border: 1px solid #0F0F12; }


/* HACKS */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ENSIM TRIAL KIT */

.Banner { width: 100%; background: transparent; height: 75px; }

.Footer { position: relative; margin-top: 55px; width: 100%; }
.FormBorder { border: 2px solid; border-color: #3399FF; padding: 5px 5px 5px 5px; margin-right: 20px; margin-top: 5px; }
.FormErrorRight { color: #CC0000; background-color: #000000; font-size: 10px; }

.ButtonLeft { float: left; padding-top: 4px; }
.ButtonRight { float: right; padding-top: 4px; }
.FormLabelRight { position: relative; float: left; width: 285px; text-align: right; color: #000000; }
.FormSelection { position: relative; left: 20px; color: #000000; }
.FormRadioLeft { color: #000000; }
.FormRadioLeft1 { padding-left: 85px; color: #000000; }
.FormRadioLeft2 { padding-left: 95px; color: #000000; }
.FormRadioLeft3 { padding-left: 115px; color: #000000; }
.FormRadioRight { padding-left: 25px; color: #000000; }
.Introductory { position: relative; font-size: 14px; margin-left: 100px; margin-top: 40px; margin-bottom: 40px; color: #000000; }
/*
.TextRight { float: right; padding-right: 20px; font-size: 10px; color: #000000; }
.TextLeft { float: left; font-size: 10px; color: #000000; padding-top: 5px; }
*/

/*
you need to rename this class - it is overriding other link styles in IE
.Link:Link { color: #3399FF; }
*/


.CaptchaImage { width: 220px; font-size: .9em; }
.CaptchaEntry { width: 215px; font-size: .9em; }

.FormLabel { font-size: .9em; color: #000000; }
.FormTextBox { border: 1px solid #696969; font-size: .9em; width: 200px; }
.FormCheckBox { font-size: .9em; margin-left: 10px; }
.FormDescription { font-size: .9em; color: #3399FF; width: 700px; }
.FormLabelExplanation { font-size: 1.0em; color: #3399FF; }
.FormError { font-size: .9em; color: #CC0000; font-weight: bold; }
.FormTitle { font-size: 1.2em; color: #000000; }
.FormSubTitle { font-size: 1em; color: #3399FF; }
.FormSelectionList { width: 203px; font-size: .9em; }
.Title { font-size: 1.5em; color: #000000; line-height: 50px; }
.FormChaser { font-size: .9em; }

.p_strength, .p_strength_tx, .p_strength_vp, .p_strength_wk, .p_strength_av, .p_strength_sg, .p_strength_ex { font-size: .9em; font-weight: normal; background-color: #000000; width: 150px; text-align: center; }

.p_strength_vp { color: #CC0000; }
.p_strength_wk { color: #0099FF; }
.p_strength_av { color: #FF9900; }
.p_strength_sg { color: #009900; }
.p_strength_ex { color: #009900; }

/*
you need to add a name to this class - it is overriding other link styles in IE

a { color: #71ADE6; text-decoration: none; }
a:hover { color: #fff; }
*/

.trial_header { float: left; width: 760px; }
.trial_step { float: left; clear: left; width: 760px; }
.trial_form_content { float: left; clear: left; width: 760px; }
.trial_form_footer { float: left; clear: left; width: 760px; }

.tbl_input_row { vertical-align: top; }
.tbl_input { width: 760px; padding: 0px 0px 0px 0px; border-collapse: collapse; }
.tbl_labels { height: 22px; }
.tbl_fields { height: 22px; width: 210px; }
.tbl_error { height: 22px; width: 290px; }
.tbl_desc { height: 22px; width: 760px; }
.tbl_services { width: 760px; border: 1px solid #0099FF; padding: 2px 2px 2px 2px; }
.tbl_input_chk { }