body                     { font-family: "Trebuchet MS", "Lucida Grande"; color: #DDD; font-size: 11pt; background-color: #4F7B96; margin: 0px; line-height: 125%; }
a                        { color: #464; font-weight: bold; }
a img                    { display: block; border: none; margin: auto; }
input                    { font-size: 11pt; }
h1                       { float: right; font-size: 20pt; color: #282; margin: -58px -30px 0px 0px; text-shadow: 1px 1px 0px #EFE; }
h2                       { font-size: 14pt; }
.container               { margin: auto; width: 968px; background-color: #FFF; color: #222; }
.top-bar                 { background-image: url(/images/top.jpg); width: 968px; height: 120px; }
.logo                    { display: block; position: absolute; width: 154px; height: 114px; top: 0px; }
.signup-button           { display: block; float: right; margin: 15px 13px 0px 0px; }
.login                   { width: 122px; float: right; clear: right; text-align: center; }

.point                   { float: left; margin-left: 8px; padding: 6px 8px 8px 6px; }
.selected                { background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.point a                 { color: #464; font-size: 12pt; text-decoration: none; }
.pane                    { float: left; width: 880px; padding: 0px 34px 0px 34px; }
.caption                 { font-size: 10pt; font-style: italic; text-align: center; }
.legend-item             { font-size: 10pt; font-weight: bold; text-align: right;  padding: 5px; }
.legend-detail           { font-size: 10pt; font-style: italic; padding: 5px; }
.footer                  { width: 968px; height: 10em; background-color: #EEE; border: 1px solid #DDD none; overflow: hidden; }
.links                   { float: left; width: 437px; padding: 20px; }
.contact                 { float: left; width: 437px; padding: 20px; border-left: 1px dotted #CCC; text-align: right; }

.plan                    { float: left; width: 23%; height: 23em; padding: 0px 4px 10px 4px; margin-right: 6px; text-align: center; background-color: #EEE; border: 1px solid #AAA; }
.feature                 { border-bottom: 1px solid #DDD; margin-bottom: 4px; padding: 5px 0px 5px 0px; }
.highlight               { color: #C44; font-weight: bold; }
.description             { color: #06C; font-style: italic; margin-top: -5px; padding-bottom: 10px; }
.signup                  { font-size: 10pt; font-weight: bold; background-color: #BC0; padding: 6px; border: 2px outset #EF0; }
.field-name              { border-right: 1px dotted #CCC; }
.field-name i            { font-size: 10pt; }

.icon                    { display: block; width: 24px; height: 24px; float: left; margin: -2px 4px 0px 0px; background: url(flowapp/themes/wa/icons.gif) no-repeat; }
.options                 { background-position: -528px 0px; }
.metrics                 { background-position: -264px 0px; }
.columns                 { background-position: -144px 0px; }
.mark                    { background-position: -696px 0px; }
.about                   { background-position: -720px 0px; }
.timeline                { background-position: -744px 0px; }
.teams                   { background-position: -768px 0px; }

blockquote               { background-color: #EEE; padding: 1em; border: 1px solid #DDD; }

#api-sidebar             { width: 30%; float: left; }
#api-sidebar ul          { list-style-type: none;}
#api-sidebar li          { margin-bottom: .5em; }
#api-sidebar li i        { font-style: normal; font-size: 9pt; }
#api-content             { width: 66%; float: left; border-left: 1px solid #DDD; padding-left: 2em; }
.code-samples            { }
.sample-output           { float: left; color: #FFF; background-color: #8A8; font-weight: bold; padding: 3px 5px; margin-top: 15px; border-left: 1px solid #AAA; }

.tab-set                 { float: right; }
.tab-set ul              { margin: 0px; padding: 10px; padding-bottom: 0px; list-style: none; }
.tab-set li              { float: left; background-image: url(flowapp/themes/wa/tab_left.png); background-repeat: no-repeat; background-position: left 1px; margin: 0px; padding: 0px 0px 0px 5px; }
.tab-set a               { display: block; font-size: 9pt; color: #226; background: url(flowapp/themes/wa/tab_right.png); background-repeat: no-repeat; background-position: right 1px; padding: 4px 10px 3px 6px; line-height: 175%; white-space: nowrap; }
.tab-set a:link          { text-decoration: none; }
.tab-set .tab-selected   { background-image: url(flowapp/themes/wa/tab_selected_left.png); background-position: left top; }
.tab-set .tab-selected a { color: #222; background-image: url(flowapp/themes/wa/tab_selected_right.png); background-position: right top; padding-bottom: 9px; line-height: 125%; }

.code                    { font-family: Monaco, "Lucida Console", "Courier New", monospace; font-size: 9pt; color: #181; background-color: #EEE; padding: 2px 3px; border: 1px solid #DDD; }
.console-output          { line-height: 150%; height: 360px; clear: both; overflow: auto; font-family: Monaco, "Lucida Console", "Courier New", monospace; font-size: 8pt; color: #0E0; background-color: #000; opacity: .9; padding: 0px 0px 8px 8px; border: 1px solid #888; }
.console-output ul       { list-style-type: none; padding-left: 2em; }
.console-output li var   { font-style:  normal; color: #C80; }
.console-output li b     { font-weight: normal; color: #950; }
.console-output li i     { font-style:  normal; color: #FC0; }