@viewport{width: extend-to-zoom;zoom: 1.0;}
@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}
html {min-height: 100%;position: relative;}
body {margin-left: 90px;font-family: "Segoe UI Light", "Segoe UI", "Verdana";font-size: 1.25em;overflow-x: hidden;color: #666;padding: 2%;padding-top: 1%;margin-top: 0;text-align: center;background-color: #ccc;background-image: linear-gradient(135deg, white, #ccc 500px);height: 100%;}
b {font-weight: bold;}
footer div#shareLinks {position: fixed;width: 240px;height: 30px;right: 180px;top: 0;padding: 5px;border-left: 5px white solid;background-color: white;box-shadow: 0 0 5px #ccc;opacity: .75;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
div#main-body-container {box-shadow: 0 0 10px gray;background-color: white;padding: 20px;padding-bottom: 5px;padding-top: 10px;border-radius: 10px;text-align: left;}
h1 {margin-top: 5px;}
h1,h2,h3,h4 {font-family: "Segoe UI Light", "Segoe UI", "Verdana";font-weight: 100;}
h1 span,h2 span,h3 span,h4 span {color: #65AEFF;font-style: italic;font-weight: light;}
pre.code,code {padding: 5px;background-color: #eee;border: 2px dashed gray;overflow: auto;}
pre.code span {color: green;}
pre.code span span {color: #770;}
#breadcrumb {font-style: italic;margin: 2px;font-size: 80%;position: relative;top: 20px;}
#breadcrumb a,#logo a {text-decoration: none;}
#breadcrumb {top: 10px;}
ol li {margin-top: 20px;}
ol#implementation li code {margin-top: 5px;}
ol.compact li {margin-top: 0;}
td.description {background-color: #eee;padding: 3px;border: 1px solid #ddd;}
td.chart {text-align: center;}
.example_boxout {background-color: #eee;padding: 3px;border: 1px solid #aaa;}
div#devtag {border-radius: 5px;position: fixed;top: 5px;left: 70px;border: 2px solid black;text-align: center;font-weight: bold;font-family: Arial;background-color: red;z-index: 1001;}
ol#colors li {margin: 0;}
div.list-item {width: 220px;display: inline-block;}
div.list-item.label {width: 170px;}
legend {background-color: #efefef;border: 1px solid #75736e;}
body#licensing span {font-size: 120%;}
div.warning {border: 1px solid black;_text-align: center;background-color: #ffa;padding: 5px;margin-top: 5px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;webkit-box-shadow: #aaa 1px 1px 15px;-moz-box-shadow: #aaa 1px 1px 15px;box-shadow: #aaa 1px 1px 15px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135); z-index: 98;opacity: 0.9;}
div#title div#image {float: left;margin-right: 15px;}
div#title div#text {padding-top: 5px;margin-left: 70px;}
div.warning p {text-align: center;margin-top: 5px;margin-bottom: 5px;font-weight: bold;}
div.description {border: 1px dashed gray;background-color: #eee;font-size: 75%;padding: 3px;}
div#social {display: inline;display: inline-block;}
div.testimonial {font-size: 80%;padding: 6px;}
span.javascript-comment {color: #090;}
.ModalDialog_dialog {box-shadow: 0 0 25px gray ! important;}
ul {list-style-image: url('/images/bullet.png');}
.documentation_header {border: 1px solid #aaa;background-color: #eee;font-style: italic;padding: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
span#byline {position: relative;top: -15px;}
div#socialIcons {float: right;padding-right: 50px;font-variant: small-caps;text-align: center;position: relative;top: 0;}
p#copyright {text-align: center;font-size: 70%;color: black;}
p#copyright a {color: black;}
p#copyright a:hover {font-weight: bold;}
div#social-links {font-size: 0;}
div#frontPageTestimonialBoxout {padding: 15px;margin-right: 10px;background-color: rgba(200,200,200,0.35);}
div#frontPageTestimonialBoxout p#readMoreLink {font-size: 0.8em;text-align: right;}
#supported-chart-icons div.icon {width: 64px;height: 64px;background-image: url(/images/chart-icons/chart-image-sprite.png);float: left;margin-left: 8px;margin-right: 8px;background-repeat: none;text-align: center;opacity: 0.5;transform: scale(0.85);transition: opacity .5s, transform .5s;height: 70px;cursor: pointer;}
#supported-chart-icons div.icon:hover {opacity: 1;transform:  scale(1.1);}
#supported-chart-icons div.icon div {position: relative;top: 70px;}
#front-page-float-container {display: flex;}
#front-page-float-container > div:first-child {}
#front-page-float-left-lower,#front-page-float-left {background-color: rgba(0,255,0,0.25);width: 50%;float: left;padding: 15px;margin-left: 15px;margin-right: 15px;}
#front-page-float-left-lower {background-color: cyan;}
#front-page-float-right-lower,#front-page-float-right {background-color: rgba(255,0,0,0.25);width: 50%;float: left;padding: 15px;margin-left: 15px;margin-right: 15px;}
#front-page-float-right-lower {background-color: rgba(255,255,0,0.5);}
#front-page-float-left h2,#front-page-float-left-lower h2,#front-page-float-right h2,#front-page-float-right-lower h2 {font-family: Arial Black, Arial;text-transform: uppercase;}
#front-page-float-left,#front-page-float-left-lower,#front-page-float-right,#front-page-float-right-lower {min-height: 120px;}
#text-only-link {position: absolute;right: 5px;top: 5px;z-index: 2;font-size: 70%;font-weight: bold;font-family: Arial black;color: #aaf;background-color: rgba(255,255,255,0.75);padding: 5px;}
div#forumMonthListSmallScreenMonthList,div#forumMessageListSmallScreen,p#forumMessageListSmallScreen {display: none;}
div#forumMonthListSmallScreenMonthList a:active {font-weight: bold;}
ul#news img {transition: transform .25s;}
ul#news img:hover {transform: scale(1.1);}    div#navigation-top-bar {background-color: white;text-align: left;padding-top: 10px;padding-bottom: 5px;top: 0;left: 0;right: 0;position: fixed;left: 0;top: 0;bottom: 0;width: 90px;box-shadow: 0 0 10px gray;text-align: center;}
div#navigation-top-bar img.sprite {position: relative;transition: transform .5s;transition: opacity: .5s;opacity: .5;display: inline-block;background-image: url(/images/sprite-icons.jpg);}
div#navigation-top-bar img.sprite:hover {transform: scale(1.25);opacity: 1;}
div#navigation-top-bar div a  {text-decoration: none;}
div#navigation-top-bar div a span {font-size: 90%;font-variant: small-caps;position: relative;top: -10px;}
a#facebook div,a#twitter div,a#news div,a#open-source div,a#testimonials div,a#jscharts div,a#backlink div {position: relative;top: 2px;background-image: url(/images/sprite.png);background-position: -270px -107px;width: 27px;height: 25px;display: inline-block;transition: transform .25s;}
a#twitter div {background-position: -306px -108px
}
a#news div {background-position: -341px -108px;}
a#open-source div {background-position: -275px -138px;width: 29px;}
a#testimonials div {background-position: -349px -141px;width: 35px;height: 26px;}
a#backlink div {background-position: -371px -108px;width: 26px;height: 28px;}
a#jscharts div {background-position: -425px -98px;width: 26px;height: 28px;}
div#navigation-top-bar a {color: black;}
div#navigation-top-bar div#navigation-top-bar-dropdown {background-color: #0FA1E0;color: white;position: absolute;z-index: 999;font-family: Lucida sans, Verdana;display: none;}
div#navigation-top-bar div#navigation-top-bar-dropdown div {color: white;text-decoration: none;display: block;padding: 10px 25px 10px 20px;}
div#navigation-top-bar div#navigation-top-bar-dropdown a {color: white;text-decoration: none;display: block;}
div#navigation-top-bar div#navigation-top-bar-dropdown div:hover {background-color: rgba(255,255,255,0.25);}
div#navigation-top-bar div#navigation-top-bar-dropdown-pointer{border: 15px solid #0FA1E0;border-top: 15px solid transparent;border-left: 15px solid transparent;border-right: 15px solid transparent;position: absolute;top: -30px;left: 110px;width: 0;height: 0;padding: 0 !important;}@media screen and (max-width: 850px) {#front-page-float-container {display: block;}
#front-page-float-left,#front-page-float-left-lower {width: initial;padding: 15px;float: none;}
#front-page-float-right,#front-page-float-right-lower {margin-bottom: 30px;width: initial;padding: 15px;float: none;}
div#shareLinks {display: none;}
body {font-size: 200%;line-height: 1.5em;margin-left: 5px;margin-right: 5px;padding: 0;background-image: none; 
background-color: white; 
}
div#main-body-container {margin: 0;padding: 0;box-shadow: none;}
div#main-body-container h1 {line-height: 150%;}
div#navigation-top-bar {position: static;width: 100%;height: none;background-color: none;box-shadow: none;}
nav div br {display: none;}
nav div span {display: none;}
nav div img {margin: 2%;}
p#messageCount {clear: both !important;}
div#forumMonthList {display: none;}
div#messageListContainer {margin-left: 0 !important;}
div#messageListContainer table#message-list {display: none;}
div#messageListContainer form div {display: none;}
div#forumMonthListSmallScreenMonthList,div#forumMessageListSmallScreen,p#forumMessageListSmallScreen {display: block;}}