html {font-size:100.1%; height: 100%; padding: 0; margin: 0; border: none}
body{ height: 100%; padding: 0; border: none; margin:0; color:#222; font-size: 90%; font-family: Helvetica, arial, sans-serif}
img {border-style:none; -ms-interpolation-mode: bicubic;  }
a{color:#023077; text-decoration: none;}
a:hover{text-decoration:underline;}
input{ font-family:Helvetica, arial, sans-serif; vertical-align:middle}
form,fieldset{ margin:0; padding:0; border:none}
.float_left {float: left}
.float_right {float: right}
h1 {font-size: 190%}
h2 {font-size: 170%}
h3 {font-size: 150%}
h4 {font-size: 130%}
h5 {font-size: 120%}
hr {clear: both; border-color: #aaaaaa; border-width: 1px; border-top-style: none; border-right-style: none; border-left-style: none; margin: 0 7px}
.italic {font-style: italic}
 .left-side {float: left; margin: 20px 0 0 20px; width: 210px}
.right-side {margin: 20px 7px 0 255px}
.full-page {margin: 20px 7px 0 15px}
.info_box {margin: 0 auto; width: 600px; min-height: 300px;  }
#page_header {}
 #header {margin: 0 7px}
 .login-list{ padding: 0; margin: 0; list-style:none; font-size: 11px; float: right}
.login-list li{ text-align:right; display: inline; padding-left: 10px; line-height: 17px}
.login-list li.greeting * {color: darkgreen; font-weight: bold}
.login-list a{ text-decoration: none}
.login-list a:hover{text-decoration:underline;}
 #header .nav {margin: 4px 0 0 0; padding: 0; list-style-type: none; font-size: 105%; font-weight: bold; cursor: default}
#header .nav li {margin: 0 1em 5px 0; padding: 0; list-style-type: none; position: relative; float: left}
#header .nav li a.active {color: #222; text-decoration: none}
 #header #search fieldset{ padding-top: 4px}
#header #search input{ margin: 2px 6px 0 0; width: 260px; font-size: 15px; float:left}
#header #search .link-button {font-weight: bold}
  a.link-button, a.link-button span {background: transparent url('/images/button-bg.png') no-repeat scroll left 0; margin: 0 10px 0 0;  padding: 0 0 0 10px;  display: -moz-inline-box;  display: inline-block;  height: 28px;  font-size: 15px; line-height: 28px; color: #363636; text-decoration: none}
a.link-button {background-position: right 0; margin: 0; padding: 0}
a.link-button-highlight, .draft a.link-button-highlight span {background: transparent url('/images/button-bg-red-border.png') no-repeat scroll left 0}
.upload_warning {font-size: .8em; margin-top: 10px; text-align: justify}
.search-title .search-term {color: #338800}
.active-page {font-weight: bold}
 .logo {background:url(/images/new/logo_218x46.png) no-repeat; margin-top: 4px; width:218px; height:46px; text-indent:-9999px}
#header .logo {display: block; float: left; margin-right: 60px}
 .big-chart{ text-align: center; padding:0 0 0 20px}
.big-chart h2{ margin:0 0 9px; font-weight:bold; font-size: 100%}
.big-chart .note{ font-size:120%; color:#161617; display:block; margin-bottom:9px}
.big-chart img{ display:block; margin-bottom:12px}
.big-chart dl{ margin:0; padding:0; overflow:hidden; font-size:80%; line-height: 19px; width:180px}
.big-chart dt{float:left;}
.big-chart dd{margin:0;}
 .find-data, .create-chart{ width: 229px}
.find-data #search-term {background: white; padding:3px 7px 4px; margin: 2px 6px 0 0}
.find-data .top, .create-chart .top{ background: url(/images/new/login-top.gif) no-repeat; overflow:hidden; height:4px; width:100%}
.find-data .bottom, .create-chart .bottom{ background:url(/images/new/login-bottom.png) no-repeat; overflow:hidden; height:10px; width:100%; margin-bottom: 5px}
.find-data .bg, .create-chart .bg{ background:url(/images/new/login-bg.png) repeat-y; height:1%; padding: 8px 10px}
.find-data h2, .create-chart h2{ margin:0; color:#252525; font-size:140%}
.find-data .note, .create-chart .note{ display:block; margin:8px 0 8px 0}
.find-data div.fancy-input, .create-chart div.fancy-input {background:url(/images/new/inp1.gif) no-repeat; width:170px; overflow:hidden; padding:6px; margin-top:5px}
.find-data fieldset div, .create-chart fieldset {overflow:hidden; margin: 0}
.find-data input, .create-chart input{ width: 180px; padding:0; background:none; border:0; font-size:97%}
.find-data input.hint, .create-chart input.hint {color:#6d6d6d}
.create-chart #file-input {font-size:69%; background: white}
 .find-data .link-button, .create-chart .link-button{ font-weight:normal; margin: 5px 0 0 -2px; position:relative}
.find-data .link-button span{padding-left:11px;}
.create-chart .link-button span{padding-left:11px;}
.find-data .link-button strong, .create-chart .link-button strong{ background:url(/images/new/ico1.gif) no-repeat 100% 50%; padding-right:17px}
.create-chart .consent {text-align: center; font-size: 70%; margin-top: 10px}
.create-chart .remember-me {margin: 10px 0}
.create-chart .remember-me input {width: 25px}
.create-chart .remember-me label {font-size: 90%}
.create-chart h2 {margin-bottom: 0.5em}
.create-chart .secret-link {color: #222}
#screencast_teaser_box .bg div {text-align: center}
 .chart-list, .chart-list ul{ font-size: 90%; margin:0 4px 0 0; padding:0 0 0 0; list-style:none; overflow:hidden;  height:1%; clear: both}
.chart-list a{ text-decoration: none}
.chart-list a:hover{text-decoration:underline;}
.chart-list li{ border-top:1px solid #bfbfbf; padding:10px 0 14px; margin-right:-31px}
.chart-list li li{ float:left; width:190px; padding:0 31px 0 17px; margin:0; border:none}
.chart-list img{ display:block; border:1px solid #b0c0d0}
.chart-list h3{ margin:0 0 11px 0; font-size: 110%; color:#084284}
 #footer_separator {padding-top: 70px}
#footer{ overflow:hidden; padding: 7px 0 7px 18px; font-size: 11px}
 #footer ul{ margin:0; padding:0; list-style:none}
#footer li{display:inline;}
#footer a:hover{text-decoration:underline;}
.copyright{float:left;}
.copyright li{padding-right:30px;}
.footer-nav{float:right;}
.footer-nav li{padding-right:10px;}
  .sidebar .top div div {background:url(/images/new/sidebar-top-middle.png) repeat-x}
.sidebar .top div .left {background:url(/images/new/sidebar-top-left.png) no-repeat; width: 5px; height: 5px; float: left}
.sidebar .top div .right {background:url(/images/new/sidebar-top-right.png) no-repeat; width: 5px; height: 5px; float: right}
.sidebar .bottom {background:url(/images/new/sidebar-bottom-middle.png) repeat-x}
.sidebar .bottom .left {background:url(/images/new/sidebar-bottom-left.png) no-repeat; width: 4px; height: 4px; float: left}
.sidebar .bottom .right {background:url(/images/new/sidebar-bottom-right.png) no-repeat; width: 4px; height: 4px; float: right}
 .sidebar ul{ padding: 2px 10px 6px; margin: 0; font-size:100%; line-height:17px; list-style:none; background-color: #f5f7fb; border:1px solid #bababa; border-top-width: 0; border-bottom-width: 0}
.sidebar h3{ margin:0; padding:0 10px; font-weight:bold; font-size:110%; color:#363636; background:#d6e1ee; border:1px solid #bababa; line-height:26px}
.sidebar .first-title{border-top:none;}
 .card {display: -moz-inline-box;  display: inline-block;  vertical-align: top; width: 227px; margin: 0 12px 12px 0}
.card .top {background: url(/images/new/cards-top.gif) no-repeat; height: 6px}
.card .content {background: url(/images/new/cards-bg.gif) repeat-y}
.card .bottom {background: url(/images/new/cards-bottom.png) no-repeat; height: 5px}
.card .button-bar {height: 21px; margin-left: auto; margin-top: -4px; padding-bottom: 14px}
.card h2 {display: table; color: #002875; font-size:100%}
.card-lead img {float: left; clear: none; margin-right: 5px}
.card dl{ margin:0; padding:5px 10px 0 10px; overflow:hidden; height:1%; background:url(/images/new/cards-border.gif) no-repeat; font-size:80%}
.card dt{ float:left; color:#565656; margin:3px 3px 0 0}
.card dd{ margin:3px 0 0}
.object-bg .variable-def {font-size: 75%; padding-top: 5px; padding-bottom: 5px; min-height: 30px; clear:left}
.object-bg .variable-def .mod1 {color: #004466}
.object-bg{ background:url(/images/new/card-sub-bg.gif) repeat-y 1px 0; padding:5px 6px 0 11px; word-wrap: break-word}
.button-bar a {border:1px solid #FFFFFF; display:inline; float:left; width: 56px; height:19px; margin-right: 10px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; cursor: pointer}
.button-bar a:hover {border-color: #ffffff #8c8c8c #8c8c8c #ffffff; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium }
.button-bar a:active {border-color: #8c8c8c #ffffff #ffffff #8c8c8c; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium }
.button-bar a.delete-button {background:url(/images/delete_button_grey.png) no-repeat scroll 0 0}
.button-bar a.delete-button:hover, .button-bar a.delete-button:active {background:url(/images/delete_button_active.png) no-repeat scroll 0 0}
.button-bar a.make-public-button {background:url(/images/make_public_button_grey.png) no-repeat scroll 0 0}
.button-bar a.make-public-button:hover, .button-bar a.make-public-button:active {background:url(/images/make_public_button_active.png) no-repeat scroll 0 0}
.button-bar a.make-private-button {background:url(/images/make_private_button_grey.png) no-repeat scroll 0 0}
.button-bar a.make-private-button:hover, .button-bar a.make-private-button:active {background:url(/images/make_private_button_active.png) no-repeat scroll 0 0}
   .main-column{ margin: 15px 0 0 250px}
.index-controls{ position: relative;  margin-bottom: 15px}
.index-controls .search-title{ display: inline; position: relative}
.search-warning{ background: #FFFF99; font-weight: bold; font-size: .9em; text-align: center; padding: 5px; margin: 7px 7px 7px 0}
  .dynamic-btn {float:right; margin-right: 7px}
.dynamic-btn a {width: 26px; height: 25px; display: -moz-inline-box;  display: inline-block;  text-indent: -9999px; margin-left: -4px;  }
.dynamic-btn a:hover, .dynamic-btn a.active {background-position:0 100%}
.cards-btn {background:url(/images/new/btn2.gif) no-repeat}
.lists-btn {background:url(/images/new/btn3.gif) no-repeat}
 .lists{ margin-bottom:2px; overflow:hidden}
.lists .top{  overflow:hidden; padding:2px 3px 3px; height:1%}
.lists .bottom{  overflow:hidden; width:100%; height:5px}
.lists .bg{  height:1%; padding:2px 14px 2px}
.lists h2, .card h2{ margin:0; color:#002875; font-weight:bold}
.lists h2 {font-size: 80%}
.search_more { font-weight: normal}
 .lists a, .card a{ color:#002875; text-decoration: none}
.lists a:hover, .card a:hover{ text-decoration: underline}
.row1 {background: #d6e1ee}
.lists dl{ margin:0; padding:0; overflow:hidden; height:1%; color:#4b4b4b; font-size:75%}
.viz-but {margin-left: 3px; float: right; margin-bottom: 13px; font-size: 13px}
.viz-but img {margin-right: 3px; vertical-align: bottom; clear: none}
.lists .viz-but {padding-top: 5px}
.viz-but strong {background:url(/images/new/ico1.gif) no-repeat 100% 50%; padding-right:17px}
.lists dt{ float:left; margin-right:2px}
.lists dd{ margin:0 8px 0 0; float:left}
.lists ul{ margin:0 0 0 -4px; padding:0; list-style:none}
.lists li{ display:inline; padding:0 0 0 4px; background:url(/images/new/separator1.gif) no-repeat 0 100%}
.lists .delete_icon {width: 11px; height: 13px; padding-top: 10px; padding-right: 4px; vertical-align: top; float: right; z-index:-1000}
 .lists h2 a{ color:#002875; text-decoration: none}
.lists li:first-child{background:none;}
 body{ margin: 0; padding: 0}
* html body{ overflow:hidden}
* html div#main{ height:100%; overflow:auto}
 span.highlight {background: #FFFFCC}
 .match {background: #FFFF00; font-weight: bold}
.fieldWithErrors {border: solid red}
.clear {clear: both; font-size: 0;  }
.clear-left {clear: left}
.clear-right {clear: right}
.fixup {clear:both; float:right}
 #errorExplanation {margin: 10px 5px 0 5px; text-align: center; border: 2px solid red; background-color: #f0f0f0; font-weight: bold; font-size: 110%; margin-left: 15%; margin-right: 15%}
#errorExplanation p {color: #333}
#errorExplanation ul li {text-align: left; list-style: square}
 .pagination {clear: both; margin-top: 1.5em; margin-bottom: 1em}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #023077; text-decoration: none; color: #023077}
.pagination a:hover, .pagination a:active, .pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #023077; font-weight: bold; background-color: #023077; color: #fff}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #999; color: #999}
.per_page_chooser_wrapper {font-size: 80%; color: #565656; float: right; margin-top: 3px; margin-right: 8px}
.search_popup_search {clear: right; float: right}
body#static.app, body#charts.show, body#data_sets.show {height: 100% !important}
 body.popup {min-width: 560px}
body.popup #body_content {width: 560px}
body.popup #footer_holder, body.popup #header {display: none}
body.popup .info_box {margin-left: 40px}
body.popup .info_box {width: 660px}
body.popup {background: none}
#security_transgression {margin: 0 auto 0 auto; text-align: center}
 .big-form input {font-size: 150%}
.big-form submit {font-size: 150%}
.big-form label {font-size: 190%}
.submit-btn {background: url(/images/new/big_button_bg.png) repeat-x rgb(135, 181, 0); border-bottom: 1px solid rgb(104, 147, 0); border-left: solid rgb(221, 221, 221); border-width: 0 1px 1px; border-right: 1px solid rgb(104, 147, 0); border-top: 0 solid rgb(221, 221, 221); color: white; cursor: pointer; font-size: 22px; font-weight: normal; height: 42px; line-height: 42px; margin: 0; overflow: visible; padding: 0 15px; text-shadow: rgb(113, 158, 3) 1px 1px}
.submit-btn a {color: white; font-weight: normal}
.submit-btn a:hover {text-decoration: none}
 .hideshow {font-size: 90%}
.hideshow a{ text-decoration: none}
.hideshow a:hover{text-decoration:underline;}
.css0 {font-size: 0.8em}
.css1 {font-size: 1.0em}
.css2 {font-size: 1.2em}
.css3 {font-size: 1.4em}
.css4 {font-size: 1.6em}
.css5 {font-size: 1.8em}
.css6 {font-size: 2.0em}
.css7 {font-size: 2.2em}
.welcome-username {font-weight: normal; color: darkgreen}
.new-user-messaging {}
.no-charts-task-list {font-size: 180%; line-height: 2em}
ol.no-charts-task-list {margin-top: -5px; font-weight: bold}
 .center {text-align: center}
.red {color: red}
.lightbox_container { position: absolute;  width: 660px; height: 80%; top: 10%; left: 150px; padding: 10px; border: 5px solid #366CA9; background-color: white; text-align: left; z-index:1001; overflow: auto}
 #overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
#flash-overlay {position: absolute; left: 0; top: 0; background: url(/images/gray_alpha.png); width: 100%; height: 100%; z-index: 2999; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0}
#flash-overlay-close-btn {margin-left: 20px; padding-left:20px; margin-top:5px; background-color: white; width: 70px}
#flash-overlay-frame {border: 0; margin-top: 0; margin-left: 20px; overflow: auto; background-color: white; width: 95%; height: 90%}
#static.popup body {}
#static.popup .sidebar {position: absolute; top: 80px; left:5px}
#static.popup .main-column {float:none}
div.search-popup-search {clear: right; float: right}
.search-popup-search fieldset {float: left}
.search-popup-search fieldset input {padding:3px 7px 4px; margin: 2px 6px 0 0; width: 115px; border: 2px solid #b9b9b9; border-bottom-width:1px; border-right-width: 1px; font-size:100%; float:left}
#close_upgrade_popup {position: absolute; left:10px; top:5px}
ul.wine_bullets li {color: #990000}
ul.wine_bullets span.explanation {color:black; font-size: 85%; font-weight: normal}
.red_wine {color: #990000}
 @media all { a.bml {border:1px outset #ddd; padding: 1px; vertical-align: 1px}
}
a.bml {background: #ddd; text-decoration: none; font-family: sans-serif; font-size: 80%; color: darkgreen}
  #ie_historyFrame {width: 0; height: 0; display:none }
#firefox_anchorDiv {width: 0; height: 0; display:none }
#safari_formDiv {width: 0; height: 0; display:none }
#safari_rememberDiv {width: 0; height: 0; display:none }
 #cellar_tracker.index #main {width: 978px;  }
#cellar_tracker.index .left-side {width: 264px; margin-left: 5px}
#cellar_tracker.index .right-side {text-align: center; margin-left: 270px}
#cellar_tracker.index h1 {padding: 5px 0 0 0; margin: 0 0 -5px 0; font-weight: bold; font-size: 140%; text-transform: capitalize; text-align: center}
#cellar_tracker.index h1 span {color: red}
#cellar_tracker.index .create-chart {width: 264px}
#cellar_tracker.index .create-chart .top {background: url(/images/new/login-top_264.gif) no-repeat}
#cellar_tracker.index .create-chart .bottom {background:url(/images/new/login-bottom_264.png) no-repeat}
#cellar_tracker.index .create-chart .bg {background: url(/images/new/login-bg_264.png) repeat-y}
#cellar_tracker.index .create-chart input {background:url(/images/new/inp1_240.gif) no-repeat; width:228px; overflow:hidden; padding:3px}
#cellar_tracker.index .create-chart .input-box {margin-top: 10px}
#cellar_tracker.index .create-chart label {font-size: 16px; font-weight: bold}
#cellar_tracker.index .explanation {font-size: 12px; display: block;  }
#cellar_tracker.new .explanation, #cellar_tracker.index .explanation {font-style: italic}
#cellar_tracker.index .legalese {clear: left; width: 90%; margin-left: 5px}
#cellar_tracker.new input, #cellar_tracker.new label {font-size: 1.5em}
#cellar_tracker.new .info_box div {margin-bottom: 10px}
#cellar_tracker.new .legalese {margin-top: 2em}
#cellar_tracker.new .explanation {margin-left: 1em}
#cellar_tracker div.feedback {margin-top: 2em; font-size: 1.3em}
#cellar_tracker.upgrade .main_column {margin-left: 35px; margin-right: 35px}
#cellar_tracker.upgrade div.qa {clear: left; padding-top: 10px; font-size: 1.1em}
#cellar_tracker.upgrade #upgrade_main li ul li {color: #222}
#cellar_tracker.upgrade #plans {margin-left: 120px}
#cellar_tracker.upgrade .special-offer {font-size: 15px; font-style: italic; margin-bottom: 5px; color: #990000}
#cellar_tracker.show .mini_form {padding-top: 15px}
div.legalese {font-size: 1em}
div.error_message {padding: 5px; font-size: 1.5em; font-weight: bold; border: 2px solid red; background-color: #f0f0f0}
 div.navi {margin: 0 auto; height: 20px; width: 200px}
.navi a {width:8px; height:8px; float:left; margin:3px; background:url(/images/ct/navigator.png) 0 0 no-repeat; display:block; cursor:pointer; font-size:1px}
 .navi a:hover {background-position:0 -8px}
 .navi a.active {background-position:0 -16px}
 #flowpanes {width:700px; height:500px}
 #flowpanes div {display:none; color:#fff}
 #flowpanes div h2 {font-weight:normal; color:#ddd; letter-spacing:1px; margin:10px 0 0 0; font-size:22px}
#flowpanes a {color:#cc9; font-size:14px}
#flowpanes p, #flowpanes samp {color:#ccc}
#flowpanes div.narrow {padding-right:160px}
 #flowpanes {position:relative; overflow:hidden}
 #flowpanes div {float:left; display:block; width:700px; cursor:pointer; font-size:14px}
 #flowpanes .items {width:20000em; position:absolute; clear:both; margin:0; padding:0}
#flowpanes .less, #flowpanes .less a {color:#999 !important; font-size:11px}
#charts.new .find-data, #charts.new .create-chart {width: 229px; position: relative; top: 0; left: 0; float: left}
#charts.new .find-data .bg, #charts.new .create-chart .bg {padding-left: 15px; padding-right: 15px}
#charts.new .create-chart .bg {padding-bottom: 15px}
#charts.new .or-text {float: left; margin: 12px 20px 0 20px}
#data_sets #middle{ margin: 30px 5px 0 43px}
#edit_data_control {margin: 5px 0 5px 0}
#data_sets #add_data_set_header {margin-bottom: 15px}
#data_sets #add_data_set_header h1 {margin-right: 70px}
#data_sets #step1_content_wrapper {padding: 0.5em 0 0 0; margin-top: 10px}
#data_sets #step1_content {border: 2px solid #b0c0d0; padding: 5px;  min-height: 80px; height: auto !important; height: 80px}
#data_sets #upload_type_list {padding-bottom: 0.6em}
#data_sets #upload_type_list .current_page {background-color: white; border: 2px solid #b0c0d0; border-bottom-width: 0; font-weight: bold; font-size: 17px; padding: 0.3em 0.5em 11px 0.5em}
#data_sets #upload_type_list a {background-color: #e6e6e6; border: 2px solid #b0c0d0; border-bottom-width: 0; padding: 0.3em 0.5em 0.6em 0.5em}
#data_sets #upload_type_list a:hover {background-color: white}
#data_sets #choose_spreadsheet_list {margin: 1em 0 2em 0}
#data_sets #choose_spreadsheet_list label {display: block; font-size: 15px}
#data_sets #choose_spreadsheet_list li {margin-top: 1em}
#data_sets #select_worksheets_text span {font-weight: bold; font-size: 17px}
#data_sets.new_step1_upload #page_header span, #data_sets.new_step1_paste #page_header span, #data_sets.new_step1_google #page_header span {vertical-align: text-bottom; font-size: 13px; font-weight: normal}
#data_sets.new_step1_paste h2 span {vertical-align: text-bottom; font-size: 13px; font-weight: normal}
#data_sets.new_step1_google h3 {margin-top: 30px}
#data_sets.new_step1_upload_choose_worksheets select {font-size: 150%}
#data_sets.show .metadata {padding: 3px; margin: 2px}
#data_sets.show .name {padding-right: 5px}
#data_sets.show .value {font-size: 110%}
#data_sets.show .bigvalue {font-weight: bold; font-size: 130%}
#data_sets.show .chart_cards {width: 100%; overflow: auto}
#data_sets.show .chart_cards .card {display: inline}
#data_sets.show td a {text-decoration: underline}
#data_sets.show td a:hover {text-decoration: none}
#data_sets.show table#metadata {padding: 0}
#data_sets.show table#data {clear:both; width: 100%; overflow: auto; font-size: 80%}
#data_sets.show .search_bot {margin-top: 20px}
#data_sets.show .summary_button {text-align: center; margin-top: 15px; float: right}
#sessions.new label.remember-me {font-size: 120%}
#sessions.new td {padding: 3px}
#sessions.new .info_box {padding-top: 40px}
#static.changelog .changelog_version {font-size: 18px; font-weight: bold}
#static.changelog .changelog_version li {font-size: 16px; font-weight: normal}
.rr_grey {background: #bdbdbd }
.rr_grey_top div {background: url(/images/tl_bdbdbd.gif) no-repeat top left;}
.rr_grey_top {background: url(/images/tr_bdbdbd.gif) no-repeat top right}
.rr_grey_bottom div {background: url(/images/bl_bdbdbd.gif) no-repeat bottom left}
.rr_grey_bottom {background: url(/images/br_bdbdbd.gif) no-repeat bottom right}
.rr_grey_top div, .rr_grey_top, .rr_grey_bottom div, .rr_grey_bottom {width: 100%; height: 14px; font-size: 1px}
.rr_grey_content {margin: 0 14px}
.rr_grey {margin: auto; margin-bottom: 5px}
#static.faq .faqa {margin: 5px; padding: 5px; font-size: 16px}
#static.faq div.faq:before {content: "Q "; color: white; font-family: arial, sans-serif; font-size: 30px; font-weight: bold}
#static.faq .faq {font-weight: bold}
#static.faq div.faa:before {content: "A "; color: white; font-size: 30px; font-weight: bold}
#static.faq .faa {}
#static.faq .form_option {font-size: 1.3em; padding: 5px; margin: 5px}
#static.welcome .tagline {margin: 3px 0 20px 0; font-size: 185%; text-align: center}
#static.welcome #big_image {margin: 0 auto 10px auto}
#static.welcome #big_image img {-ms-interpolation-mode: bicubic; border: 0}
#static.welcome .left-side {margin-left: 5px; width: 160px}
#static.welcome .create-chart, #static.welcome .find-data {float: left; margin-right: 14px; margin-bottom: 15px}
#static.welcome .create-chart.hidden {visibility: hidden}
#static.welcome .create-chart .bg, #static.welcome .find-data .bg {height: 260px}
#static.welcome .right-side {margin-left: 180px; margin-right: auto; width: 750px}
#static.welcome #featured_data_sets {margin-top: 10px; float: left; width: 560px}
#static.welcome #featured_data_sets h2, #static.welcome #featured_charts h2 {float: left}
#static.welcome .see_more_link {float: right}
#static.welcome .featured_data_set {padding: 10px 5px 20px 5px; height: 130px; clear: left; border-top: 1px solid #b0c0d0}
#static.welcome .featured_data_set .data_set_icon {float: left}
#static.welcome .featured_data_set .name {margin: 0; padding-left: 210px}
#static.welcome .featured_data_set p {padding-left: 210px}
#static.welcome #featured_charts {float:left; width: 705px; border-top: 1px solid #b0c0d0; margin-top: 1em; padding-top: .5em}
#static.welcome #see_more_charts {display:table; float:right; padding-top:.5em; font-size:.9em}
#static.welcome #highlight_center {display: table; float: left; width: 700px; margin-top: -1.0em}
#static.welcome #highlight_chart {display: table; margin: 0 auto; margin-top: .5em}
#static.welcome .solicit_box {clear:right; float:right; width: 210px; font-size: 1em; background-color: #f5f5f5; border: 1px solid #d9d9d9; margin-bottom: 1em; padding: 1em}
#static.welcome .solicit_box li {font-size: .9em}
#static.welcome .featured_chart {float: left; padding: 10px 5px 10px 5px; min-height: 150px;  width: 310px; margin-left:30px; margin-top: 5px}
#static.welcome .featured_chart .chart_icon {float: left}
#static.welcome .featured_chart .name {margin: 0; padding-left: 162px}
#static.welcome .featured_chart .description {font-size: .9em; padding-left: 162px}
#static.welcome .featured_chart img {border: 1px solid #b0c0d0; padding: 2px}
#static.excel_toolbar ol li {margin-bottom: 6px}
#static.help #contact_us_form {padding-top: 1em}
#static.search .result_group {margin-bottom: 15px}
#upgrade_main.popup {}
#upgrade_main.popup h1 {font-size: 180%; text-align: center}
#upgrade_main.popup h2 {font-size: 150%; padding-left: 35px; margin-bottom: 0}
.upgrade-plans {width: 610px; padding-top: 0px}
#upgrade_main.popup .upgrade-plans {margin: 0 auto}
.upgrade-plans .plan {border-right:0 none; background-color:#EFEFEF; border:1px solid #999999; float:left; width:200px; height:120px; margin-top:0px; padding:10px 0; text-align:center}
.upgrade-plans .plan h3 a, h4 {color:#333333; text-decoration:none}
.upgrade-plans .plan h3 {font-size:26px; font-weight: bold; margin:0; padding:0}
.upgrade-plans .plan h4 {font-size:20px; font-weight: bold; margin:0; padding:6px 0}
.upgrade-plans .plan a {display: inline-table; margin-top: 20px}
.upgrade-plans a.submit-btn {margin-top: 0px}
.pricing-list li {font-size: 22px; font-weight: bold}
.pricing-list li * {font-size: 100%; font-weight: normal}
.pricing-list li b {font-weight: bold}
.pricing-list li h2 {font-size: 22px; font-weight: bold}
.pricing-list p {font-size: 18px; margin: 8px 0}
.feature-list, .feature-list ul {text-align:left; list-style: none; margin-left: 20px; padding: 0}
.feature-list li {color: #C33700; font-size:18px; margin-bottom:2px}
.feature-list li ul li {font-weight: normal; font-size: 16px}
.feature-list li {color: black; font-weight: bold}
.feature-list li ul li {color: black; font-weight: normal}
.feature-list li h2 {font-size: 24px}
#upgrade_main #no_thanks_btn {text-align: center}
#static li.first_bullet {padding-top: 4px}
#static.app #model_featured {color: red; font-style: italic; font-size: 60%; margin-left: 14px}
#static.app #edit_button {float: right; width: 60px; height: 20px; margin-right: 3px;  background: transparent url(/images/edit_icon_54x20.png) no-repeat; width: 54px; height: 20px}
#static.app .toggle-button {vertical-align: middle; font-size: 14px}
#static.app .toggle-button a {cursor: pointer; color: #222}
#static.app .toggle-button a:hover {color: #666; text-decoration: none}
#static.app .toggle-button > button {background: transparent url(/images/arrow_closed.png) no-repeat; width: 15px; height: 17px; vertical-align: middle; margin-right: 1px; border: 0 none; padding: 0; cursor: pointer}
#static.app .toggle-button > button.open {background: transparent url(/images/arrow_open.png) no-repeat}
#static.app #details_parent {float: left; width: 662px;  }
#static.app #details_parent h2 {margin: 8px 0 8px 0}
#static.app #details_parent ul {list-style:none; margin: 0; padding-left: 5px; font-size: 13px}
#static.app #details_parent li {padding-bottom: 5px}
#static.app #details_parent .label {color: #666; font-weight: bold; padding-right: 0.6em; text-align: right; display: -moz-inline-box;  display: inline-block;  min-width: 100px}
#static.app #ratings {padding-top: 5px; clear: left}
#static.app .ajaxful-rating-wrapper {float: left}
#static.app .rating-thanks {float: left; margin: 3px 0 0 10px; color: darkgreen; font-weight: bold}
#static.app #swfcontainer {clear: both}
#static.app h1 {margin: 0; font-size: 140%}
#static.app #top_row {vertical-align: top; width: 662px;  min-height: 22px;  }
#static.app #swf-wrapper {float: left}
#static.app #google-ad {width: 250px; float: right}
#static.app #related_content_and_share {width: 250px; float: right}
#static.app #related_content_and_share h2 {margin-bottom: 0}
#static.app #share_box_border {border: 1px solid #CCCCCC; background-color: #EEEEEE}
#static.app #annotations {padding: 5px; font-size: 13px}
#static.app #owner {float: left; width: 110px}
#static.app #owner > a {font-weight: bold}
#static.app #annotations #buttons {float: right; margin-left: 4px; width: 120px}
#static.app #annotations .context-button {display: inline}
#static.app #annotations .context-button * {vertical-align: middle}
#static.app #annotations #description {margin-top: 8px}
#static.app #annotations #data_source_url {display: block}
#static.app #share {border-top: 1px solid #CCCCCC; padding: 10px 0 0 10px}
#static.app .share-code, #static.app #share_type {margin-bottom: 10px}
#static.app .share-code label, #static.app #share_type > label {float: left; font-size: 12px; font-weight: bold; text-align: right; color: #666666; min-width: 40px; line-height: 20px; margin-right: 5px}
#static.app .share-code input, #static.app #share_type form {float: left; font-size: 11px; width: 160px}
#static.app #share_type form {width: 180px; font-size: 12px; vertical-align: baseline}
#static.app #share_type form input {vertical-align: baseline}
#static.app #share_box .addthis_toolbox {margin: 0 0 5px 42px; font-size: 13px; vertical-align: baseline}
#static.app .manage-permissions-wrapper {float: left; margin-left: 3px}
#static.app .manage-permissions-btn {width: 18px; height: 18px; background: transparent url(/images/gear_icon_18x18.png) no-repeat; border: 0 none; cursor: pointer; padding: 1px}
#static.app #private_notice {color: red; text-align: center}
#static.app .content-box {border:1px solid #999999}
#static.app .content-box > div {padding-top: 3px; height: 438px; overflow: auto;  text-align: center}
#static.app .content-box > div * {text-align: left;  }
#static.app .full-page {margin-top: 10px; width: 932px;  position: relative}
#static.app .card {margin-right: 0}
 #static.app-edit-mode .full-page {margin-right: 0; margin-left: 0}
#static.app-edit-mode #swf-wrapper, #static.app-edit-mode #swfcontainer {width: 100%}
#static.app-edit-mode #read-only-title, #static.app-edit-mode #uservoice-feedback, #static.app-edit-mode #related_content_and_share, #static.app-edit-mode #google-ad, #static.app-edit-mode #details_parent, #static.app-edit-mode #ratings, #static.app-edit-mode #footer_separator, #static.app-edit-mode #footer {display: none}
#static.app-edit-mode #edit_button {background: transparent url(/images/edit_icon_selected_62x20.png) no-repeat; width: 62px; height: 20px}
#static.search .google-ad {margin-top: 10px; width: 220px}
.small-note {font-size: 80%}
#users.new .info_box {padding-top: 40px}
#users.new .marketing {font-size: 150%}
#users.new .marketing ul {margin-top: -1em}
#users.new table {background: #DDDDDD; border: 1px solid black; padding: 10px}
#users.new td {padding: 3px}
#users.new .consent {font-size: 70%}
#users.edit #containerLeft {float:left; width:420px; border:1px solid #BDBDBD; background-color: #ffffff}
#users.edit #containerLeft #buttonControls {background-color:#BDBDBD; text-align:center; height:40px}
#users.edit #containerLeft #buttonControls input {margin-top:7px; margin-left:10px; width:110px; height:24px}
#users.edit #containerRight {float:left; margin-left:20px; width:260px; background-color: #ffffff}
#users.edit #containerRight #containerRightUpper {border:1px solid #BDBDBD}
#users.edit .headerBar {background-color:#d4e2f5; color:black; height:32px}
#users.edit .headerBar h2 {margin:0; padding:7px 0 0 5px; font-size:16px}
#users.edit .section {color: black; padding: 18px 0 16px 0}
#users.edit .section label {display:block; float:left; clear:left; width:160px; padding-right:.5em; padding-top:6px; padding-bottom:6px; text-align:right; font-weight:bold; font-size:13px; height:auto}
#users.edit .section input {display:block; float:left; margin-top:2px}
#users.edit .section input{ width:200px}
#users.edit #app_settings.section label {width:340px}
#users.edit #app_settings.section input {width:20px}
#users.edit .default_hint {font-weight: normal !important; font-size: 11px; color: #666666}
#users.edit .section .floatedText {float:left; margin-top:7px; font-size:13px}
#users.edit #dashboard.section label {width:120px}
#users.edit #pro.section {text-align: center; font-size: 14px; margin: 0; padding: 0}
#users.edit .upsell {font-weight: bold; font-size: 19px}
#users.edit #ct_sub {text-align:center}
#users.forgot .error {background: red}
 .ajaxful-rating, .ajaxful-rating a:hover, .ajaxful-rating a:active, .ajaxful-rating a:focus, .ajaxful-rating .current-rating{ background: url(/images/ajaxful_rating/star.png) left -1000px repeat-x}
.ajaxful-rating{  top: -5px; position: relative;  height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top}
.ajaxful-rating li{ display: inline}
.ajaxful-rating a, .ajaxful-rating span, .ajaxful-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none}
.ajaxful-rating a:hover, .ajaxful-rating a:active, .ajaxful-rating a:focus{ background-position: left bottom}
 .ajaxful-rating .current-rating{ z-index: 1; background-position: left center}
 .small-star{  height: 10px}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(/images/ajaxful_rating/star_small.png); line-height: 10px; height: 10px}
.ajaxful-rating .stars-2 {width: 40.0%; z-index: 5}
.ajaxful-rating .stars-3 {width: 60.0%; z-index: 4}
.ajaxful-rating .stars-4 {width: 80.0%; z-index: 3}
.ajaxful-rating.small-star {width: 50px}
.ajaxful-rating .stars-5 {width: 100.0%; z-index: 2}
.ajaxful-rating {width: 125px}
.ajaxful-rating .stars-1 {width: 20.0%; z-index: 6}