@charset "UTF-8";
/*MORAE 3*/
/*TABLE OF CONTENTS*/
/*
Product Header = #product_header
Call to Action = #calltoaction f8971d
*/

/* style common elements */
/*body {font-family:Arial, Helvetica, sans-serif;text-align:left;}*/
li {list-style:none;list-style-image:none;}
h1, h2, h3, h4, h5, h6, p, ul, li, legend, label, fieldset {margin:0;padding:0;}
a {color: #38939b;}
a:visited {color:#006a71;}
a:hover {color:#000;/*text-decoration:underline;*/}
.highlight_blue {color:#38939b;}
#main {width:750px !important;margin:0 auto; background-color:#fff;}
#main2 {background-color:#fff;position:relative;
top:-1px;width:750px !important;margin:0 auto;}
acronym {cursor: help;}
.morae-features .lalign {margin:5px 5px 10px 30px; }
.morae-features .lalign2 {float: left; margin:5px 5px 10px 0 !important;}
br {clear: none !important;}
.clearboth {clear: both;}
.lalign-tight {float:left;margin: 5px 20px 10px 0px;}
.ralign-tight {float:right;margin: 5px 0px 10px 20px;}

/* Background styling 
############################################################*/
.hexbg {background: url(/img/morae/3/hp-bg-lg-hexgrp.jpg) no-repeat 0px -72px;}


/* Home page styles
##########################################################*/
/* Home page header */
#homehdr {position:relative;float:left;background: url(/img/morae/3/hp-lg-bg-hexgrp.jpg) no-repeat 0px -67px;  padding:10px 20px 30px 0px; font-family:Verdana, helvetica, arial, sans-serif; font-size:14px;
line-height:1.2;}
#homehdr a {color: #38939b; font-weight: normal; font-size: 13px; border-bottom: 1px dotted #38939b;}
#homehdr a:hover {color: #000; /*text-decoration: underline;*/ border-bottom: 1px solid #000;}
#homehdr a.watchvideo{border-bottom:none;text-decoration:none;}
#homehdr .screens { width: 373px; height: 208px; padding:20px 20px 0px 20px!important;}

#homehdr a#watchvideo {position:relative; float:right; width: 205px; height: 147px; left: 55px; top:35px; cursor: pointer; text-indent: -9999px;
	background: url(/img/morae/3/hp-ov-vid-btn.gif) no-repeat 0px 0px;}
#homehdr a#watchvideo:hover {background: url(/img/morae/3/hp-ov-vid-btn-ro.gif) no-repeat 0px 0px;}

#hp-howitsused1 {position:relative; float:left; width:40%; margin:10px 5px 0px 74px;clear:both;}
#hp-howitsused1 h2 {font-family: Arial, Helvetica, sans-serif; font-size:24px;color: #777;font-weight: normal; }
#hp-howitsused1 h3 {font-family: Arial, Helvetica, sans-serif; font-size:18px;color: #444;font-weight: normal; line-height:1.25;}
#hp-howitsused2 {position:relative; float:left; width:40%; margin:20px 5px 0px 10px;}
#hp-howitsused2 li {list-style-type: disc; list-style:inside; list-style-image:none; color:#777;}

#new-version-ban {position:relative;float:left;}

/* QUICK LOOK SLIDER
##########################################################*/
#hp-quicklook {position:relative;float:left;height:284px;width:730px;background:url(/img/morae/3/hp-overview-main.gif) no-repeat 20px 20px;}

/* home page navigation bar */
#homehdr .monav{position:absolute;float:left;width:751px; height:59px; top:-60px;}

#homehdr ul.morae-homenav {position:relative;float:left;width: 751px; height: 59px;clear: both !important;padding: 0px 0px 0px 0px; margin-left:22px; 
background: url(/img/morae/3/hp-nav-bar.gif) no-repeat;}
#homehdr ul.morae-homenav li {float:left; text-align: center; padding-top: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#homehdr ul.morae-homenav li.tour, ul.morae-homenav li.whatsnew, ul.morae-homenav li.methods {position:relative;background: url(/img/morae/3/hp-nav-break.gif) no-repeat right 20px;}
#homehdr ul.morae-homenav li.whatsnew {width: 144px;}
#homehdr ul.morae-homenav li.tour {width: 144px;}
#homehdr ul.morae-homenav li.methods {width: 160px;}
#homehdr ul.morae-homenav li.learn {width: 150px;}
#homehdr ul.morae-homenav li.trial {width: 96px;}
#homehdr ul.morae-homenav li a {color: #38939b; font-weight: bold; font-size: 13px; border-bottom: 1px dotted #38939b;}
#homehdr ul.morae-homenav li a:hover {color: #000; /*text-decoration: underline;*/ border-bottom: 1px solid #000;}
#homehdr ul.morae-homenav li.trial a {color: #fff; font-weight: bold; font-size: 13px; border-bottom: 1px dotted #ccc;}
#homehdr ul.morae-homenav li.trial a:hover {color: #fff; /*text-decoration: underline;*/ border-bottom: 1px solid #fff;}



/* Product Header
##########################################################*/
#product_header {height:60px;background-color:#efefef; }
#product_header img {float:left;padding:13px 5px 0 13px;}
#product_header h1 {float:left;font-size:13px; font-weight:normal !important; 
position:relative; width:330px; left:5px; top:32px !important; color:#aaa; height:20px; 
margin:0 !important; padding:0 0 8px 0 !important;}
#product_header ul {position:relative; float:right;margin-top:31px !important}
#product_header li {display:inline;}
#product_header a {font-family: Arial, Helvetica, sans-serif;outline:none;color:#38939b;font-weight:bold;float:left;display:block; border-bottom:1px dotted #38939b;}
#product_header li a {outline:none;margin-right:15px !important;}
#product_header a:hover {outline:none;border:none;color:#000;font-weight:bold;float:left;display:block;border-bottom:1px solid #000;text-decoration:none;}
#product_header a.logo{border-bottom:none;text-decoration:none;}
#product_header a:hover.logo {border-bottom:none;text-decoration:none;}

/* HEADER Styling
##########################################################*/
body.tour-record #insideheader img, body.tour-logandobserve #insideheader img {float: right; position: relative; left: 35px; top: 6px;}
body.tour-analyze #insideheader img {float: right; position: relative; left: -5px; top: -5px;}
body.tour-share #insideheader img {float: right; position: relative; left: -5px; top: 5px;}
body.getstarted #insideheader div.box {
float: right; position: relative; width: 0px; height: 0px; top: 10px; left: -30px; text-indent: -9999px;
background-image: url(/img/morae/3/morae3-box.gif);background-repeat: no-repeat;}
body.uses #insideheader div.toolbox {
float: right; position: relative; width: 200px; height: 175px; top: 10px; left: -55px; text-indent: -9999px;
background-image: url(/img/morae/3/illustrations/toolbox.gif);background-repeat: no-repeat;}
body.tour-record #insideheader h2, body.tour-logandobserve #insideheader h2, body.tour-analyze #insideheader h2, body.tour-share #insideheader h2, body.whatsnew #insideheader h2, body.uses #insideheader h2 {width: 320px;}
body.tour-record #insideheader p, body.tour-logandobserve #insideheader p, body.tour-analyze #insideheader p, body.tour-share #insideheader p {width: 370px;}

body.uses #hdr-bullets {float:left; clear:left; margin-left:40px;  width:650px;}
body.uses #uv-xsell {postion:relative; margin-left:30px; width:344px; height:115px; background: url(/img/morae/3/uservue-xsell.gif) no-repeat;}
/* WHAT'S NEW video button placement */
body.whatsnew #insideheader a#watchvideo {position: absolute; width: 250px; height: 154px; left: 350px; top: 20px;cursor: pointer; text-indent: -9999px;background: url(/img/morae/3/player-button.gif) no-repeat 190px 100px; border-bottom: none;}
body.whatsnew #insideheader a#watchvideo:hover {background: url(/img/morae/3/player-button-hover.gif) no-repeat 190px 100px;}

body.whatsnew #insideheader img {float: right; position: relative; left: 0; top: 10px; margin-bottom: 10px;}
#whatsnewtext {width:55%;}

.noheader {background: url(/img/morae/3/head-gradient.gif) repeat-x left top; padding-top: 15px;}

#insideheader, #insideheader h2, #insideheader p, /*#insideheader a,*/ #insideheader .close {float: left !important;}
#insideheader h2, #insideheader p, #insideheader a, #insideheader .close {clear: left;}
#insideheader {width: 751px;position: relative; background: url(/img/morae/3/bg-hexgrp.jpg) no-repeat; margin-bottom: 8px; /*Solves the IE6 issue*/ }
/* ORIGINAL CODE FOR IMAGE H2 USE */ /* #insideheader h2 {text-indent:-9999px; height: 21px; width: 200px; padding-bottom: 12px;}
#insideheader h2.producttour {background:url(/img/morae/3/headers/product-tour.gif) no-repeat;}*/
#insideheader h2 {font-family: Arial, Helvetica, sans-serif; color: #777;font-weight: normal; font-size:24px;
width: 200px;padding-bottom: 12px;line-height: 1.25em;
/* shadow for Webkit (from Safari 3+), Opera 9.5, FF 3.1, Konqueror or iCab 
text-shadow: rgba(102,102,102,0.8) -1px -1px 2px;
/* text shadow for IE 
filter: Shadow(Color=#666666, Direction=300, Strength=1); I am removing this as it looks really grainy*/
}
#insideheader p {color: #444; width: 380px; margin-bottom: 20px; font-size: 13px;}
body.getstarted #insideheader p {width: 350px;}
#insideheader a {color: #01555b; border-bottom: 1px dotted #666;}
#insideheader a:hover {color: #000; border-bottom: 1px solid #000;}
#insideheader .close {width: 710px !important; padding: 6px 5px 0px 20px !important;}

#insideheader li {list-style-type: disc; list-style:inside; list-style-image:none; color:#444;}

/* CALL TO ACTION BUTTONS */
#insideheader #level2-freetrial_btn {text-indent:-9999px;display:block;width:196px;height:36px;
clear: left; margin-top: 15px;background:url(/img/morae/3/calltoaction_freetrial_btn.gif) no-repeat left top; border-bottom: none;}
#insideheader #level2-freetrial_btn:hover {background:url(/img/morae/3/calltoaction_freetrial_btn.gif) no-repeat left -36px;}

#insideheader #level2-upgrade_btn {text-indent:-9999px;display:block;width:219px;height:56px;
margin-top: 15px;background:url(/img/morae/3/calltoaction_upgrade_btn.gif) no-repeat left top;border-bottom: none;}
#insideheader #level2-upgrade_btn:hover {background:url(/img/morae/3/calltoaction_upgrade_btn.gif) no-repeat left -66px;}

.download_btns a {margin-left:30px; display:block;width:280px;height:37px;
clear: left; display:block; background:url(/img/morae/3/dl-buttons-blank-long.gif) no-repeat center top; border-bottom: none !important;}
.download_btns a:hover {background:url(/img/morae/3/dl-buttons-blank-long.gif) no-repeat center -37px;border-bottom: none !important;}
.ptxt {margin-left:43px; color:#fff; font-size:11px; font-weight:bold;}

/* main content styling
##########################################################*/
#main-content {clear: both; background-color:#FFF;}
#main-content p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #777 !important; line-height: 1.5em !important;
padding-left: 30px; padding-right: 20px; margin-bottom: .75em !important;}
#main-content .intrv p.quote {padding-left: 0;}
#main-content .intrv img {margin-left: 0;}
div#main-content ul, div#main-content ol {margin: 0 10px 15px /*45px*/ 60px; color: #777 !important;}
#main-content li {list-style-type: disc; list-style:disc; list-style-image:none;}
#main-content .lalign {margin:5px 20px 10px 30px;}
#main-content .ralign {margin:5px 30px 20px 10px;}

#main-content p a, #main-content h5 a, #main-content ul a, #main-content ol a {border-bottom: 1px dotted #38939b;}
#main-content p a:hover, #main-content h5 a:hover, #main-content ul a:hover, #main-content ol a:hover  {border-bottom: 1px solid #333;}
#main-content p a:visited, #main-content h5 a:visited, #main-content ul a:visited, #main-content ol a:visited {border-bottom: 1px dotted #778ab0;}

#main-content .linepullgrey {margin-left: 30px; margin-right: 30px;}
#main-content .linepullgrey ul, #main-content .linepullgrey ol {margin-left: 15px; margin-top: 15px;}

/* data table styling */
#main-content .morae-features p {font-size: 11px;}
#main-content .morae-features p strong {font-size: 11px;}

/* Headlines */
#main-content h2, #main-content h3, #main-content h4, #main-content h5 {font-family:Arial, Helvetica, sans-serif;}

#main-content h2 {font-size: 23px; color: #222;}
#main-content h2.short, #main-content h2.long {font-weight: normal !important; line-height: 1.3em;
margin-left: 15px !important; clear: left;}
#main-content h2.short {padding: 10px 230px 15px 15px; 
background:url(/img/morae/3/h2-514px.gif) no-repeat !important;}
#main-content h2.long {padding: 10px 5px 15px 15px; margin-top: 30px; clear: both;
background:url(/img/morae/3/h2-715px.gif) no-repeat !important;}
#main-content h2 span {color:#F8971D;font-size:14px; font-weight:bold; margin-top: .5em;}

#main-content div.short-base {width: 518px; margin-left: 15px; padding-bottom: 10px; 
background: url(/img/morae/3/h2-514px-base.gif) no-repeat left bottom;}
#main-content div.short-base p {padding-left: 15px;}

#main-content h3 {margin-top: .5em !important; margin-bottom: .75em !important;}
#main-content h3 {color:#F8971D;font-size:14px;}

#main-content h4 {/*color:#38939b;*/ color: #333;
font-size:22px;font-weight:normal; /*clear: left;*/
line-height:1.3em;margin:20px 0 10px /*!important*/;padding:6px 0 0 20px;}
#main-content h4 span {color:#666;}
#main-content .lesspadding {/*color:#38939b;*/ color: #333;font-size:22px;font-weight:normal; font-family:Arial,Helvetica,sans-serif; /*clear: left;*/
line-height:1.3em;margin:10px 0 10px /*!important*/;padding:0px 0 0 20px;}
#main-content h5 {color:#333;font-size:15px; 
margin: 10px 0 10px;}

.noheader .column1 { width:356px; float:left }
.noheader .column2 { width:749px; float:left }

.noheader .column1  h4 {/*color:#38939b;*/ color: #333;
font-size:12px;font-weight:normal; /*clear: left;*/
}

#main-content h3, /*#main-content h4,*/ #main-content h5 {/*font-family:Arial, Helvetica, sans-serif;*/ padding-left: 30px; padding-right: 20px; /*line-height: 1.5em;*/}

/* Content Insets */
#main-content .inset-short, #main-content .inset-mid, #main-content .inset-wide {float: left; padding: 0 !important;}
#main-content .inset-mid, #main-content .inset-wide { /*FIX*/  position:relative; left:375px !important; /*FIX*/}
#main-content .inset-short {/*FIX*/  position:relative; left:255px !important; /*FIX*/ }
#main-content .inset-short span, #main-content .inset-mid span, #main-content .inset-wide span {float: left; 
padding: 5px 15px 5px 5px; margin: 0 !important;}

#main-content .inset-short, #main-content .inset-short span {width: 505px;}
#main-content .inset-short {margin-top: 15px; margin-bottom: 30px;}

#main-content .inset-mid {width: 494px;}
#main-content .inset-mid span, #main-content .inset-mid p, #main-content .inset-mid h3, #main-content .inset-mid h4, #main-content .inset-mid h5 {width: 474px;}
#main-content .inset-mid {margin-top: 5px; margin-bottom: 30px;}

#main-content .inset-midCD, #main-content .inset-midCD span {float: left;}
#main-content .inset-midCD {margin-left: 30px; margin-bottom: 20px;padding-top: 15px;}
#main-content .inset-midCD span {width: 474px;}
#main-content .inset-midCD span h5 {margin-top: 0;}
#main-content .inset-midCD span h5, #main-content .inset-midCD span p {padding-left: 15px;}

#main-content .inset-wide, #main-content .inset-wide span {width: 715px;}
#main-content .inset-wide {margin-top: 5px; margin-bottom: 10px;}

#main-content div.inset-midCD, #main-content .inset-mid, #main-content .inset-short, #main-content .inset-wide {background:url(/img/morae/3/inset-top.gif) no-repeat top left;}
#main-content div.inset-midCD span, #main-content .inset-mid span, #main-content .inset-short span, #main-content .inset-wide span {background:url(/img/morae/3/inset-bottom.gif) no-repeat bottom left;}

#main-content .inset-short h3, #main-content .inset-mid h3, #main-content .inset-wide h3,
#main-content .inset-short h4, #main-content .inset-mid h4, #main-content .inset-wide h4,
#main-content .inset-short p, #main-content .inset-mid p, #main-content .inset-wide p 
{padding: 3px 5px 5px 5px; margin: 0 !important;}
#main-content .inset-short h5, #main-content .inset-mid h5, #main-content .inset-wide h5 
{padding: 3px 0 0 5px; margin: 2px 0 5px 0 !important;}
#main-content .inset-short ul, #main-content .inset-short li, #main-content .inset-mid ul, #main-content .inset-mid li, #main-content .inset-wide ul, #main-content .inset-wide li {float: left;font-weight: bold; padding: 0 0 0 5px; margin-left: 0; margin-top: 0; margin-bottom: 0;}
#main-content .inset-short li, #main-content .inset-mid li, #main-content .inset-wide li {margin-right: 15px; list-style-type: none;}

#main-content .inset-short .lalign, #main-content .inset-mid .lalign, #main-content .inset-wide .lalign {margin:5px 10px 10px 0;}

/* Quote (blockquote) styles */
#main-content blockquote {margin: 0 0 45px 15px; 
text-indent: 15px; font-size: 19px; line-height: 1.5em;
font-family:Georgia, "Times New Roman", Times, serif;}
#main-content h6 {font-size: 15px; font-weight: normal; font-style: oblique; padding-left: 80px !important; position: relative; top: 20px; color: #888;clear: left; font-family:Arial, Helvetica, sans-serif;}
#main-content h6 strong {font-weight: bold; font-style: normal;}

#main-content blockquote, #main-content blockquote span, #main-content blockquote h6 {float: left;}
#main-content blockquote span {background:url(/img/morae/3/quote-upperleft.gif) no-repeat 10px 10px; color: #666;}

#main-content blockquote.wide {width: 715px; /*margin-right:-85px;*/}
#main-content blockquote.wide span {padding: 25px 30px 0 25px; }
#main-content blockquote.wide {background:url(/img/morae/3/quotebase-715px.gif) no-repeat bottom left;}
.clearboth-wide {  width:750px; display:block; clear:both;  }/*All wide quotes need the empty clear to account for FF and I*/
#main-content blockquote.short {width: 511px;}
#main-content blockquote.short span {padding: 25px 0 0 25px;}
#main-content blockquote.short {background:url(/img/morae/3/quotebase-510px.gif) no-repeat bottom left;}

#main-content blockquote h6 {width: 100%;}


/* Quicktour overhangs
##########################################################*/
.quickclip-contain {float:right; clear: right; width: 193px; margin-left: 10px; margin-bottom: 25px;  } /* space right nav off page edge */
.quickclip-over {width: 193px; position: relative; left: 0px; top: -25px; margin-bottom: -30px; }
.quickclip {float: right; margin: 0 0 5px 0px;}

.quickclip-over a, .quickclip a {background: url(/img/morae/3/quicktours/quicktour-overhang2-top.gif) no-repeat;
overflow:hidden;display:block;/*margin-bottom: 12px;*/text-decoration: none;}
.quickclip-over a:hover, .quickclip a:hover {background: url(/img/morae/3/quicktours/quicktour-overhang2-top-hv.gif) no-repeat;}
.quickclip-over a span, .quickclip a span {background: url(/img/morae/3/quicktours/quicktour-overhang2-bottom.gif) no-repeat bottom left;display:block;padding: 7px !important;line-height: 1.3em;
color: #666; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px;}
.quickclip-over a:hover span, .quickclip a:hover span {cursor: pointer; color: #111;
background: url(/img/morae/3/quicktours/quicktour-overhang2-bottom-hv.gif) no-repeat bottom left;}
.quickclip-over a span img, .quickclip a span img {border: 1px solid #fff; margin-bottom: 5px;}
.quickclip-over a:hover span img, .quickclip a:hover span img {border: 1px solid #38939b;}


.quickclip-contain-lt {float:left; clear: left; width: 193px; margin-right: 10px; margin-bottom: 25px;  } /* space right nav off page edge */
.quickclip-over-lt {width: 193px; position: relative; left: 0px; top:0px; margin-bottom: -30px; }
.quickclip-lt {float: left; margin: 0 0 5px 0px;}


.quickclip-over-lt a, .quickclip a {background: url(/img/morae/3/quicktours/quicktour-overhang2-top.gif) no-repeat;
overflow:hidden;display:block;/*margin-bottom: 12px;*/text-decoration: none;}
.quickclip-over-lt a:hover, .quickclip a:hover {background: url(/img/morae/3/quicktours/quicktour-overhang2-top-hv.gif) no-repeat;}
.quickclip-over-lt a span, .quickclip a span {background: url(/img/morae/3/quicktours/quicktour-overhang2-bottom.gif) no-repeat ;display:block;padding: 7px !important;line-height: 1.3em;
color: #666; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px;}
.quickclip-over-lt a:hover span, .quickclip a:hover span {cursor: pointer; color: #111;
background: url(/img/morae/3/quicktours/quicktour-overhang2-bottom-hv.gif) no-repeat bottom left;}
.quickclip-over-lt a span img, .quickclip a span img {border: 1px solid #fff; margin-bottom: 5px;}
.quickclip-over-lt a:hover span img, .quickclip a:hover span img {border: 1px solid #38939b;}



/* Right-hand navigation
##########################################################*/
.breakline {border-bottom: 1px solid #bbb !important; padding-bottom: 5px !important;}
.afterbreakline {margin-top: 5px !important;}
#morae_rightnav li {list-style-type: none;}
#morae_rightnav ul a, #morae_rightnav ul a:hover, #morae_rightnav ul a:visited {border-bottom: none;}

#morae_rightnav-contain {float:right; width: 204px; margin-left: 10px; margin-bottom: 25px; } /* space right nav off page edge */
#morae_rightnav {width: 204px; position: relative; left: 0px; }

#morae_rightnav h4 {padding: 0/*!important*/; margin: 0; line-height: .95/*!important*/; }
#morae_rightnav h4 {font-weight: bold !important; }
.tutorials img {position: relative; top: 2px; left: 5px;}

#morae_rightnav #rightnav-active h4.paddingfix {padding: 10px 0 12px 20px !important; }

#morae_rightnav a h4 {/*padding-left: 10px !important;*/ padding-top: 5px !important; padding-bottom: 3px !important;
color: #38939b !important; font-size:14px !important; font-weight: bold !important;}

#morae_rightnav a {background: url(/img/morae/3/right_nav_bkg_top.gif) no-repeat; background-color: none;
overflow:hidden;display:block;margin-bottom: 12px;text-decoration: none; }
#morae_rightnav a:hover {background: url(/img/morae/3/right_nav_bkg_top-hover.gif) no-repeat; background-color: none;}

#morae_rightnav .pitch {color: #777; font-size:11px;}

/*IE 6 issue here*/
#morae_rightnav a span.pitch {background: url(/img/morae/3/right_nav_bkg_bottom.gif) no-repeat bottom left; background-color: none;display:block; padding: 5px 12px 10px 10px !important; line-height: 1.3em;}

#morae_rightnav a:hover span.pitch {background: url(/img/morae/3/right_nav_bkg_bottom-hover.gif) no-repeat left bottom; background-color: none;}
#morae_rightnav a:hover span.highlight_blue {border-bottom: 1px solid #333; /*Not working in IE 6... */}
#morae_rightnav a:hover, #morae_rightnav a:hover span, #morae_rightnav a:hover h4 {color: #000 !important;}

/* Active navigation */
#morae_rightnav #rightnav-active {background: url(/img/morae/3/right_nav_bkg_top-active.gif) no-repeat left top; background-color: none;margin-bottom: 11px; padding-right: 1px; }

#morae_rightnav #rightnav-active .tick {background: url(/img/morae/3/right_nav_bkg_tick-active.gif) no-repeat left top; background-color: none;padding-left: 20px; padding-top: 10px; padding-bottom: 12px; color: #333 !important; font-size:14px !important; border-bottom: 1px solid #bbb; /*FIX*/height:10px; /*FIX*/ }

#morae_rightnav #rightnav-active ul {margin: 0 !important;padding-top: 5px;padding-bottom: 10px;border-top: 1px solid  #eee;background: url(/img/morae/3/right_nav_bkg_btm-active.gif) no-repeat left bottom !important; background-color: none;}

#morae_rightnav #rightnav-active ul li {font-size: 13px !important;}
#morae_rightnav #rightnav-active li#here a {background:url(/img/morae/3/pointy.gif) 21px 6px no-repeat;font-weight:bold;color:#333; /*height:19.5px; FIX*/}

#morae_rightnav #rightnav-active a {background: none; padding: 2px 0 2px 32px; margin: 0; color: #38939b; }

#morae_rightnav #rightnav-active li#here a:hover, #morae_rightnav #rightnav-active a:hover {background-color: #ddd; color: #38939b !important;}

#morae_rightnav #purchase-options {margin-top: 30px; padding-top: 10px;
background: url(/img/morae/3/right_nav_bkg_top-hover.gif) no-rightnarepeat; }
#morae_rightnav #purchase-options h4 {margin-left: 10px;  margin-bottom: 3px;font-size:13px !important; font-weight: bold !important;}
#morae_rightnav #purchase-options p {padding-left: 10px; padding-bottom: 10px;font-size:12px;
background: url(/img/morae/3/right_nav_bkg_bottom-hover.gif) no-repeat left bottom;}
#morae_rightnav #purchase-options p a {background: none; display: inline;}

/* "Morae" Table - used on the get started page
##########################################################*/
#morae-table {width: 720px;padding: 0;margin-left: 15px; margin-top: 15px;}
#morae-table caption {padding: 0 0 5px 0;width: 700px;	 font: italic 11px;text-align: right;}
#morae-table th {color: #333;border-right: 1px solid #fff;
border-bottom: 1px solid #eee;/*border-top: 1px solid #ccc;border-left: 1px solid #ccc;*/
letter-spacing: 2px;text-align: left;
padding: 6px 6px 6px 12px !important;
/*background: #CAE8EA url(/img/morae/3/table-header.gif) no-repeat;*/}
#morae-table td {padding: 6px 6px 6px 12px;color: #666;background: none;}
#morae-table td p {padding: 0 !important; font-size: 12px;}
#main-content #morae-table ul, #main-content #morae-table ol {margin: 0 10px 15px 15px;}

/* Final Call/"Foster" Links
##########################################################*/
/*#final_call {display:block;clear:both;float:left;width:750px;margin-top:1em;}*/
ul#final_call /*ul*/ {display:block;
clear:both;float:left;text-align:center;
padding:0 0 20px 0;margin-top:10px;width:750px; background-color:#FFF;}
#final_call li {display:inline;}
#final_call a {color:#38939b;text-decoration:none; border-bottom: 1px dotted #38939b; font-size:22px;margin:0 25px; font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #38939b;}
#final_call a:visited {color:#38939b;border-bottom: 1px dotted #38939b;}
#final_call a:hover {color:#000;border-bottom: 1px solid #000;}
#final_call a:active {color:#f00;border-bottom: 1px dotted #f00;}

/* hide options that are not necessary for certain pages */
body.getstarted div#product_header .buy-morae, body.getstarted #final_call .buy-morae, body.free-trial div#product_header li.free-trial {display: none;}

/* "Get Started" - (Buy page)
##########################################################*/
body.getstarted a.buy-bundle, body.getstarted a.buy-bundle:visited {/*width: 145px;*/ height: 29px; /*text-indent: -9999px;*/text-indent: 55px; padding-top: 2px; display: block; float: left; border-bottom: none !important; background: url(/img/morae/3/buy-bundle-button.gif) no-repeat; /*margin-bottom: 2px;*/}
body.getstarted a.buy-bundle:hover {background: url(/img/morae/3/buy-bundle-button.gif) no-repeat 0 -33px; text-decoration: underline;}

/* Show/hide code for licensing page (Buy Page)
##########################################################*/
#license-bundle {width: 490px;}
#license-observer, #license-manager, #license-recorder {width: 675px;}

.license {border: 1px solid #ccc; margin-left: 30px; margin-bottom: 15px;}
#main-content .license h5, #main-content .license p {padding-left: 10px;}

/* Link Bin
##########################################################*/
#linkbin {background-color:#f2f5f8;clear:both;height:134px;border-top:1px solid #ccc;
background:url(/img/gradient-block-bg.gif) repeat-x left top;
font-size:135%;padding:20px 0 10px 22px; }
#linkbin h6 {font-size:11px !important;color:#777 !important;margin-bottom:8px !important;}
.bin {font-size:11px !important;width:164px;float:left;margin:0 8px 0 0;}
.bin ul {padding-left:6px; margin:  0 !important;}
.bin li {margin:2px 0 2px -5px !important;padding:0 !important;}
.bin a {font-size:10px;color:#333;text-decoration:none;
padding-left:10px;background:url(/img/cs/pointy.gif) no-repeat left center;}
.bin a:visited {color:#444;}
.bin a:hover {text-decoration:underline;color:#006a71;}
.bin a:active {text-decoration:underline;color:#f00;}
#signup {height:123px;width:180px;
margin-left:-15px;padding-left:18px;background:url(/img/cs/newsletter-v-seperate.jpg) no-repeat left top;}
#main #linkbin #signup h6 {margin-bottom:12px !important;}
#signup input {border:1px solid #666;font-size:10px;color:#666 !important;
display:block;margin:3px 0;padding:2px;}
#signup button {height:20px;width:63px;border:none;color:#fff !important;font-size:10px;font-family:Arial, Helvetica, sans-serif;text-align:left;
background:transparent url(/img/cs/button_mini.png) no-repeat left top;
cursor:pointer;outline:none;
margin:4px 0 0;padding:0 0 0 2px;}
#signup img {position:relative;left:-10px;top:4px;}
#signup button:hover {background-image:url(/img/cs/button_mini_hover.png);color:#fff !important;outline:none;}
#signup li {line-height:2;}
#signup a {margin-left:-10px;background-image:none;}
body#tier3 #content h3 {font-size:19px;}
#legal {display:none;width:710px;clear:both;}
#legal p {font-size:9.5px;color:#999;text-align:left;}

/*#ftr { margin-right:-2px;}*/
ol, ol li {
	list-style-type: decimal !important;
}



/* Form styles
##########################################################*/
div#main-content ul#formerror {width: 488px;}
form.morae-form {width: 493px;} 
div#main-content ul#formerror {padding: 8px 10px 15px 10px /*!important*/;margin: 15px 0 0 15px /*!important*/;
border: 1px solid #cc2f30;
background: #e26363 url(/img/morae/3/form-error-bg.gif) repeat-x left top;}
ul#formerror h4 {font-size: 15px; color: #fff; padding-left: 0 /*!important*/; margin-top: 0; font-weight: bold;}
ul#formerror li {font-size: 12px; color: #fff; list-style: none;
padding-left: 25px;margin-top: 1em; line-height: 1.4em;
background: url(/img/tsc_icons/error.gif) no-repeat 2px top;}

/*label {display:block;float:none;
font-weight:400;padding:3px 0;text-align:left;width:auto;}*/
#main-content form.morae-form p {font-weight: bold; color: #333 !important;}

form {display: block;}
form.morae-form, form.morae-form label, form.morae-form input, form.morae-form textarea {float: left;}
form.morae-form {border: 1px solid #ddd; padding: 8px; margin: 5px 0 12px 15px;
background: #eee url(/img/morae/3/form-bg.gif) repeat-x left top !important;}
form.morae-form label {color:#555;display:block;font-weight:bold;
margin-bottom:5px !important;margin-right:10px !important;padding:0 15px 0 0 !important;
text-align:left;width:200px;}
form.morae-form label span {font-size: 10px; margin-top: .5em;font-weight: normal; width: 490px; /*float: left;*/ line-height: 1.3em;}

#instruction{color:#555;display:block;font-weight:bold;
margin-bottom:5px !important;margin-right:0px !important;padding:0 0px 0 0 !important;
text-align:left;width:230px;}

form.morae-form input, form.morae-form select {border:1px solid #bbb; color:#333 !important;
font-size:13px !important;font-weight:normal !important;
margin-bottom:3px !important;margin-top:8px;padding:3px; width: 200px;
background:#fff url(/img/morae/3/form-field-shadow.gif) no-repeat scroll left top;}
form.morae-form textarea {border:1px solid #bbb; color:#333 !important;
font-size:13px !important;font-weight:normal !important;
margin-bottom:8px !important;margin-top:8px;padding:3px; width: 400px; height:75px;
background:#fff url(/img/morae/3/form-field-shadow.gif) no-repeat scroll left top;}
form.morae-form .wide {width: 300px;}
form.morae-form .mid {width: 250px;}

form.morae-form input#submit_button {float: left;
color:#ccc !important;font-weight:bold !important;height:30px;width:250px; margin: 0 !important;
background:transparent url(/img/morae/3/nav_bar.png) no-repeat scroll left bottom;}
form.morae-form input#submit_button:hover {background:#333 none repeat scroll 0 0;color:#fff !important;cursor:pointer;}

.formerror {border: 1px solid #f00 !important;}
form.morae-form hr {margin-top: 10px; margin-bottom: 10px;}

/* RECAPTCHA styles
##########################################################*/
body.free-trial div.clearleft h3 {color:#555 !important; font-weight:bold; text-align:left;
margin-bottom:5px !important; margin-right:10px !important; padding:0 15px 0 0 !important;}

div#recaptcha_widget_div {margin-bottom: 16px;}

/* 2 COLUMS 50-50
##########################################################*/
.2col { width:100%;}
.ltcol {float:left; width:55%;}
.rtcol {float:left; width:40%;}


/* HOW TO boxes
##########################################################*/
#howto {
float:right; clear:right; margin:10px; width:190px; border: #cfcfcf 2px solid; background-color:#f2f8f8;}
.howto-hdr {width:100%;padding:4px 0 4px 0px; background-color:#4f4f51; color:#fff; font-size:14px; font-weight:normal;}
.howto-content {margin:10px; line-height:1.2em;}