body
{    
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size: medium;
    margin: 0;
    padding: 0;
    background-color: #d2d7e4;
}

/**** HEADINGS ****/

h1
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: italic;
    font-size: x-large;
    font-weight: bold;
    color: #002EB7;
    margin: 0px 5px 10px 5px;
}

h2
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: normal;
    font-size: large;
    font-weight: bold;
    color: #002EB7;
    margin: 30px 5px 0 5px;
}

h3 
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: italic;
    font-size: medium;
    font-weight: bold;
    color: #002EB7;
    margin: 30px 5px 0 5px;
}

h4
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: italic;
    font-size: medium;
    font-weight: bold;
    color: #493FFF;
    margin: 30px 5px 0 15px;
}

ul
{
    font-size:medium;
    margin:5px 15px 5px 15px;
    padding:5px 20px 5px 15px;
}

li
{
    margin:0px;
    padding:2px 0px 2px 0px;
}

.tinylist ul, .tinylist li
{
    font-family:Trebuchet MS;
    font-size:small;
}

p 
{
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #3a5baa;
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: normal;
    font-size: large;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

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

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

.accordionContent
{
}

.accordionContent ul
{
    margin:5px 10px 10px 20px;
    padding:0 0 0 0;
}

.accordionContent li
{
    margin:0px 10px 10px 10px;
}

.bigMargin
{
    margin:25px 25px 25px 25px;
}

.code
{
    margin: 20px 40px 20px 40px;
    font-family: "Courier New";
    font-size: small;
}

.code-light
{
    margin: 20px 40px 20px 40px;
    font-family: "Courier New";
    font-size: small;
    background-color:White;
}

.collapsibleHeading {
    font-family: "Lucida Sans";
    font-style: normal;
    font-size: medium;
    font-weight: bold;
    color: #002EB7;
    margin: 18px 0 12px 0;
}

.commandName 
{
    font-family: "Lucida Console", Monaco, Monospace;
    font-size: small;
    font-weight: bold;
    color: #002EB7;
}

.commandInline
{
    font-family: Palatino Linotype, Book Antiqua, Palatino, Serif;
    font-weight: bold;
}

.contact
{
    margin:2px 0 5px 0;
    font-family: "MS Reference Sans Serif";
    font-style: normal;
    font-size: medium;
    font-weight: bold;
    color: #002EB7;
}
.customerQuotes {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: small;
	font-weight: bold;
	background-color: #FBF9FF;
	border-style: outset;
}
.customerQuotes li {
	padding: 5px 10px 10px 10px;
}

.deemphasized
{
    font-size:small;
    font-style:italic;
    font-weight:normal;
}

.downloads
{
    margin:0px 10px 10px 10px;
    width: 520px;
}

.equation
{
    font-family: Palatino Linotype, Book Antiqua, Palatino, Serif;
    font-weight: bold;
    text-align:center;
}

.flashy
{
    font-weight: bold;
    font-style: italic;
    color: #8A0003;
}

.imageWithCaption
{
    font-family:Trebuchet MS;
    font-size:small;
    font-style:italic;
    text-align:center;
    padding:10px;
}

.isolated
{
    margin:20px 40px 20px 40px;
    font-size:medium;
    font-style:italic;
    font-weight:bold;
    color:#3061f4;
}

.logo 
{
    position:absolute;
    top:0;
    right:-1px;
}

.logo a
{
    border-width:0;
}

.moveNotice
{
    font-size:small;
    font-style:italic;
    color:#3061f4;
}

.panelAU
{
    font-style:italic;
    font-size:small;
    text-align:center;
    margin:0px;
    padding:50px 0px 50px 0px;
}

.panelEmphasized
{
    border-style: outset;
    border-width: 5px;
    margin: 10px;
    padding: 5px;
    background-color: #f6effd;
    font-family: Comic Sans MS;
    font-size: large;
    font-style: italic;
}

.panelPricing
{
	border-style: inset;
	border-width: medium;
	font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
	margin: 10px 20px 0px 20px;
	padding: 10px;
	background-color: #f6effd;
	width: 200px;
}

.panelPricingNote
{
    font-size:small;
    font-style:italic;
    font-family: "Lucida Sans";
    margin: 5px 10px 0 30px;
    width: 180px;
}

.panelVideos
{
    border-style: outset;
    border-width: 5px;
    margin: 10px;
    padding: 5px;
    background-color: #f6effd;
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-size: large;
    font-style: italic;
}

.pricingCode
{
    color: #CC3399;
    font-weight: bold;
}

pre
{
    font-size: small;
}

.sidebarDownloads
{
    border-style: outset;
    border-width: 5px;
    color: #002EB7;
    margin: 50px 10px 10px 10px;
    padding: 5px;
    background-color: #f6effd;
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-size: large;
    font-style: italic;
}

.sidebarDownloads ul, .sidebarDownloads li
{
    color:Black;
    font-family:Trebuchet MS;
    font-size:medium;
    padding:0px;
    margin:0px 5px 0px 10px;
}

.sidebarOnSale
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: italic;
    font-size: small;
    font-weight: bold;
    color: #002EB7;
    padding: 10px 0px 50px 0px;
    text-align:center;
}

.sidebarPurchase
{
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-style: italic;
    font-size: medium;
    font-weight: bold;
    color: #002EB7;
    padding: 50px 0px 30px 0px;
    text-align:center;
}

.trialLink
{
    color: #6600CC;
    margin:20px;
    font-family:Times New Roman;
    font-size:large;
    font-style:italic;
}

td.ProjectInfoHeader
{
    width: 12em;
    font-weight: bold;    
}

td.ProjectInfoData
{
    text-align: right;
}

.UpgradePricing
{
    text-align: center;
    width:600px;
}

.videoDatestamp
{
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 150;
    font-family: "Lucida Sans", Lucida Grande, Sans-Serif;
    font-size: small;
    font-style: italic;
}

.videolist ul, .videolist li
{
    font-family:Trebuchet MS;
    font-size:medium;
    padding:2px 0px 2px 0px;
    margin:2px 5px 2px 0px;
}

.videoTimestamp
{
    font-size: small;
    font-style: italic;
}

.videoText
{
    margin-top: 60px;
    width: 640px;
}

.videoTagline
{
    font-weight: bold;
    font-size: small;
    font-style: italic;
    color: #8A0003;
}

.warning
{
    color:Red;
    margin:20px;
    font-family:Times New Roman;
    font-size:large;
    font-style:italic;
}

#Banner
{
    position: relative;
    margin: 10px 10px -10px 10px;
    z-index: 0;
}

#Menu
{
    position: absolute;
    top: 153px;
    left: 45px;
    z-index: 250;
}

#BreadCrumb
{
	position: absolute;
	top: 176px;
	right: 60px;
	z-index: 200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#TheGoods
{
    margin:30px 40px 20px 40px;
    position:relative;
    background-color:#eceff8;
    background-repeat:no-repeat;
    background-image: url(../../images/corner_widget.png);
}

#Footer
{
    margin:10px;
    font-family:Sans-Serif;
    font-size:small;
    font-style:italic;
    text-align:center;
}

#media
{
    margin:80px 20px 20px 20px;
}

#LinkPrevious
{
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 200;
    font-family:Lucida Sans;
    font-size:small;
}

#LinkNext
{
    position: absolute;
    top: 150px;
    left: 400px;
    z-index: 200;
    font-family:Lucida Sans;
    font-size:small;
}

/* Selectors for menu inside the banner */

.MainMenu .AspNet-Menu-Horizontal ul ul
{
    background: #e4eafc;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    font-family:Palatino Linotype;
    width: 23em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    font-family:Palatino Linotype;
    left: 2px;
    top: 100%;
    width: 7.5em;
    padding: 5px;
    border:2px solid #002EB7;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    font-family:Palatino Linotype;
    left: 6.9em;
    top: -1em;
    width: 9em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 5.4em;
    padding: 2px 0 2px 0;
    margin: 0 0 0 0;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width:6.8em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width:9em;
}

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    display: inline;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    display: block;
}
/* End: proportional rules */

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #3061f4;
    border-style: none;
    padding:0 5px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    width:6.7em;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span
{
    background-image: none !important;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #abafed;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-DynamicHover
{
    background: #e4eafc;
}

/* --------------------------------------------------------------------------------------------------- */

ul.ChangeLog
{
    padding: 0;
    margin: 25px 0px 0px 15px;
}

.ChangeLog ul
{
    margin: 0;
    padding: 0;
}

.ChangeLog li
{
    color: #42008c;
    font-size: medium;
    font-style: italic;
    font-weight: bold;
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    padding: 0;
}

.ChangeLog ul li
{
    color: Black;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    list-style-type: disc;
    list-style-position: outside;
    margin: 4px 10px 4px 30px;
    padding: 0;
}