/* @override http://10.10.49.124/css/morae/morae31.css */

@charset "ISO-8859-1";

/*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: #0

00;
/*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(hp-bg-lg-hexgrp.jpg) no-repeat 0px -72px;
}

/* new version flag */

#new-version {
	position: absolute;
	float: left;
	text-align: left;
	display: block;
	z-index: 999;
	height: 88px;
	width: 130px;
	margin:

220px 0 0 140px;
	/*background-color:#006a71; border: 1px #999 solid;*/ background: url(new-version.png) no-repeat;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
}

#new-version small {
	font-size: 9px;
	font-weight: normal;
}

/* Home page styles
##########################################################*/

/* Home page header */

#homehdr {
	position: relative;
	float: left;
	background: url(hp-lg-bg-hexgrp.jpg) no-repeat 0px -67px;
	padding: 10px 10px 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: 371px;
	height: 185px;
	padding: 20px;
}

#homehdr a#watchvideo {
	position: absolute;
	float: right;
	width: 205px;
	height: 147px;
	left: 467px;
	top: 124px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(hp-ov-vid-btn.gif) no-repeat 0px 0px;
 }

#homehdr a#watchvideo:hover {
	background: url(hp-ov-vid-btn-ro.gif) no-repeat 0px 0px;
}

#hp-howitsused1 {
	position: relative;
	float: left;
	width: 40%;
	margin: 20px 5px 0px 74px;
}

#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: absolute;
	float: left;
	width: 40%;
	margin: 20px 5px 0px 10px;
	top: 361px;
	left: 385px;
}

#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(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(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;
	list-style: none;
}

#homehdr ul.morae-homenav li.tour, ul.morae-homenav li.whatsnew, ul.morae-homenav li.methods {
	position: relative;
// background: url(hp-nav-break.gif) no-repeat right 0px;
}

#homehdr ul.morae-homenav li.whatsnew {
	width: 14px;
}

#homehdr ul.morae-homenav li.tour {
	width: 14px;
}

#homehdr ul.morae-homenav li.methods {
	width: 14px;
}

#homehdr ul.morae-homenav li.learn {
	width: 14px;
}

#homehdr ul.morae-homenav li.trial {
	width: 696px;
}

#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;
	z-index: 999;
	width: 0px;
	height: 180px;
	top: 10px;
	left: 0px;
	text-indent: -9999px;
	background-image: url(morae31-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(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.tour-record #insideheader p, body.uses #insideheader p,.mohdr-wide {
	width: 680px;
}

body.uses #hdr-bullets {
	float: left;
	clear: left;
	margin-left: 40px;
	width: 550px;
}

body.uses #uv-xsell {
	postion: relative;
	margin-left: 30px;
	width: 344px;
	height: 115px;
	background: url(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(player-button.gif) no-repeat 190px 100px;
	border-bottom: none;
}

body.whatsnew #insideheader a#watchvideo:hover {
	background: url(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(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(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(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: 680px !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(calltoaction_freetrial_btn.gif) no-repeat left top;
	border-bottom: none;
}

#insideheader #level2-freetrial_btn:hover {
	background: url(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(calltoaction_upgrade_btn.gif) no-repeat left top;
	border-bottom: none;
}

#insideheader #level2-upgrade_btn:hover {
	background: url(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(dl-buttons-blank-long.gif) no-repeat center top;
	border-bottom: none !important;
}

.download_btns a:hover {
	background: url(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 15p

x /*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(h2-514px.gif) no-repeat !important;
}

#main-content h2.long {
	padding: 10px 5px 15px 15px;
	margin-top: 30px;
	clear: both;
	background: url(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(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: no

rmal;
	/*clear: left;*/
line-height: 1.3em;
	margin: 2

0px 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,sa

ns-serif;
	/*clear: left;*/
line-height: 1.3em;
	margi

n: 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: no

rmal;
/*clear: left;*/
}

#main-content h3, 

/*#main-content h4,*/ #main-content h5 {

/*font-family:Arial, Helvetica, sans-serif;*/ padding-left: 30px;
	padding-right: 20p

x;
/*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 !importa

nt;
/*FIX*/
}

#main-content .inset-short {

/*FIX*/  position: relative;
	left: 375px !import

ant;
/*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: 375px;
}

#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(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(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(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(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(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(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(quicktour-overhang2-top-hv.gif) no-repeat;
}

.quickclip-over a span, .quickclip a span {
	background: url(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(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(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(quicktour-overhang2-top-hv.gif) no-repeat;
}

.quickclip-over-lt a span, .quickclip a span {
	background: url(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(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(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(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(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(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(right_nav_bkg_top-active.gif) no-repeat left top;
	background-color: none;
	margin-bottom: 11px;
	padding-right: 1px;
	font-weight: normal;
}

#morae_rightnav #rightnav-active .tick {
	background: url(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 s

olid #bbb;
	/*FIX*/h

eight: 10px;
/*FIX*/
}

#morae_rightnav #rightnav-active ul {
	margin: 0 !important;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px solid  #eee;
	background: url(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(pointy.gif) 21px 6px no-repeat;
	font-weight: normal;
	colo

r: #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(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(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 !impo

rtant;
/*background: #CAE8EA url(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(buy-bundle-button.gif) no-

repeat;
/*margin-bottom: 2px;*/
}

body.getstarted a.buy-bundle:hover {
	background: url(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(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(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(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: 48px;
	border: none;
	color: #fff !important;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background: transparent url(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: 1px;
	top: 4px;
}

#signup button:hover {
	background-image: url(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 10p

x /*!important*/;
	margin: 15px 0 0 1

5px /*!important*/;
	border: 1px solid #cc2f30;
	background: #e26363 url(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(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(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: 4

90px;
	/*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(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(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(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: 170px;
	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;
}