body { background-color: #f5f5f5; color: #000000; font-family: Arial, Sans-Serif; margin: 0; padding: 0; background-image: url(../images/HeaderShadow.gif); background-position: left top; background-repeat: repeat-x; }
a { color: #5B8AD8; } 
h1 { padding: 0 0 10px 0; margin: 0; font-size: x-large; color: #5B8AD8; } 
h2 { padding: 0 0 10px 0; margin: 0; font-size: small; } 
img { border-width: 0; } 
hr { background-color: #d5d5d5; color: #d5d5d5; margin: 5px 0 5px 0; clear: both; height: 1px; border-width: 0; padding: 0 } 
textarea { font-family: Arial, Sans-Serif; font-size: small; } 
.Hightlight { font-weight: bold; color: #5B8AD8; } 

.Button { background: #5B8AD8; border-width: 0; padding: 3px; color: #ffffff; font-weight: bold; cursor: pointer; }
.Warning, .FailedMessage { color: #ff0000; font-weight: bold; clear: both }
.SuccessMessage { color: #14861A; font-weight: bold; clear: both }

/* Site Styles */
.Site .SiteHead { width: 800px; display: table; margin: 45px auto 40px; } 
.Site .SiteLogo { float: left; display: inline } 
.Site .SiteLogo img { border-width: 0; } 

.Site .SiteMenu { float: right; margin: 40px 0 0 0; display: inline; width: 398px; } 
.Site .SiteMenu ul { list-style-type: none; margin: 0; padding: 0 }
.Site .SiteMenu li { color: #797979; float: left; margin-right: 10px; font-size: small; }
.Site .SiteMenu a { color: #000000; font-weight: bold; font-size: small; text-decoration: none; }
.Site .SiteMenu a:hover { color: #000000; text-decoration: underline; }
.Site .SiteMenu .Examples { color: #5B8AD8; }
.Site .SiteMenu .Account { color: #5B8AD8; }

.Site .SiteLogin { margin: 0 0 40px 0; }
.Site .SiteLogin input { margin: 10px 0 0 25px; } 

.Site .SiteContent { color: #797979; clear: both; font-size: small; margin: 0 auto; width: 670px; display: table; height: 100%; } 

.Site .SiteContent .Content { float: left; width: 480px; }
.Site .SiteContent .Services { float: left; border-left: dotted 1px #aaaaaa; padding: 0 10px 100px 10px; margin: 0 0 0 20px; } 

.Site .SiteFoot { color: #797979; font-size: x-small; margin: 100px auto; padding: 8px; text-align: center; border-top: solid 1px #9EBDEF; clear: both; width: 650px; } 
/* Site Styles */

/* Login */
.Login label { display: block; width: 150px; float: left; padding: 3px 0 0 0; font-weight: bold } 
.Login .Button { margin: 0 0 0 150px; } 
.Login .Warning, .Site .FailedMessage { margin: 10px 0 0 150px; } 
/* Login */

/* Portfolio */
.Portfolio, .Default { width: 100%; }
.Portfolio hr { background-color: #d5d5d5; color: #d5d5d5; margin: 5px 0 5px 0; clear: both; height: 1px; border-width: 0; padding: 0 } 
.Portfolio .Example { display: table; clear: both; }
.Portfolio .Example img { border: solid 1px #5B8AD8; margin-right: 10px; float: left } 
.Portfolio .Example object { border: solid 1px #5B8AD8; margin-right: 10px; float: left } 
.Portfolio .ExampleTop { display: table; width: 100%; clear: both; }
.Portfolio .ExampleTop img { border: solid 1px #5B8AD8; margin-right: 10px; float: left } 
.Portfolio .ExampleTop object { border: solid 1px #5B8AD8; margin-right: 10px; float: left }
/* Portfolio */

/* Prices */
fieldset { background-color: inherit; padding: 15px; border: solid 1px #5B8AD8; }
fieldset legend { background-color: #5B8AD8; font-weight: bold; color: #ffffff; padding: 7px; font-size: small; } 
.HightLight { color: #5B8AD8; font-weight: bold }  
/* Prices */

/* Contact */
.Contact label { display: block; float: left; width: 150px; font-weight: bold; }
.Contact .Button { margin-left: 150px; }
.Contact .Warning { margin: 0 0 0 150px; } 
/* Contact */

/* Contact Thanks */

/* Contact Thanks */

/* Spend */
.Spend table .Head { background-color: #5B8AD8; color: #ffffff; }
.Spend table { background-color: #ffffff; border-top: solid 1px #aaaaaa;  border-left: solid 1px #aaaaaa; } 
.Spend table td, .Spend table th { text-align: center;  border-right: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; padding: 5px } 
.Spend .Totals { background-color: #d5d5d5; padding: 10px; border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-right: solid 1px #aaaaaa; } 
/* Spend */

/* History */
.History .Previous { border: solid 1px #aaaaaa; padding: 10px; margin: 0 0 15px 0 } 
.History .Previous .Date { color: #5B8AD8; font-weight: bold; } 
/* History */

/* HTMLCodes */
.HTMLCodes label { display: block; width: 150px; float: left; padding: 3px 0 0 0; font-weight: bold }  
.HTMLCodes .Button { margin-left: 150px; }
.HTMLCodes .Warning { margin-left: 150px; }
/* HTMLCodes */

/* View Examples */
.ViewExamples .XHTMLCode { background-color: #ffffff; color: #0000ff; font-size: x-small; padding: 10px; border: solid 1px #5B8AD8; overflow: scroll; margin-bottom: 10px; height: 200px }
.ViewExamples .CSSCode { color: #ff0000; font-size: x-small } 
.ViewExamples .Frame { border: solid 1px #ff0000; display: inline-block; height: 200px }
/* View Examples */

/* Help */
.Help ol { list-style-type: decimal; } 
.Help ol p { margin: 0; padding: 0 0 8px 0; } 
.Help ol li { margin: 0 0 15px 0; } 
/* Help */

/* Report Error */
.ReportError label { display: block; width: 150px; float: left; padding: 3px 0 0 0; font-weight: bold }  
.ReportError .Button, .ReportError .Warning, .ReportError .SuccessMessage { margin: 0 0 0 150px; } 
.ReportError .Previous { border: solid 1px #aaaaaa; padding: 10px; margin: 0 0 15px 0 } 
.ReportError .Previous .Date { color: #5B8AD8; font-weight: bold; } 
/* Report Error */