#citieskow-subcategory-picker {font-size: 13px; font-family: Arial;}
#citieskow-subcategory-picker span {display: inline-block; border: 1px solid #888; padding: 4px; margin: 4px 8px 4px 0; cursor: pointer; line-height: 1em;}
.citieskow-subcategory-picker-selected {background: #ddd;}

.cities-chart-container {width: 100%; height: 450px; position: relative; z-index: 0;}
.cities-chart-container-image {position: absolute; padding: 20px 0 70px 64px; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.35;}
.cities-chart-container-image img {width: 100%; height: 100%;}

#cities2-city-name,
#cities-category-name,
#citieskow2-city-name,
#citieskow-category-name { font-family: "myriad-pro-condensed", arial, sans-serif; font-size: 28px; font-weight: bold; display: inline-block; color: #a21935; margin-right: 10px;}
#cities2-city-picker,
#cities-category-picker,
#citieskow2-city-picker,
#citieskow-category-picker {display: inline-block; }
#cities2-city-picker select,
#cities-category-picker select,
#citieskow2-city-picker select,
#citieskow-category-picker select {padding: 2px 0; vertical-align: bottom; font-size: 13px;}
#cities2-category-link,
#cities-city-link,
#citieskow2-category-link,
#citieskow-city-link {float: right; font-family: "myriad-pro-condensed", arial, sans-serif; font-size: 19px; font-weight: bold; display: inline-block; color: #a21935;  text-decoration: none; }
#cities2-main-article-link,
#cities-main-article-link,
#citieskow2-main-article-link,
#citieskow-main-article-link {float: right; color: #e6002f; font-family: arial; font-size: 12px; text-decoration: none; }
.cities-header,
.cities2-header,
.citieskow-header,
.citieskow2-header {margin-bottom: 10px;}
#cities-category-max {font-weight: bold; margin: 0; font-family: arial; font-size: 16px; line-height: 19px;}
.cities-chart-description,
#cities-category-general-desc,
#citieskow-category-general-desc {margin: 10px 0 0; font-family: arial; font-size: 16px; line-height: 19px;}

/* label */
#cities2-city-picker,
#cities-category-picker,
#citieskow2-city-picker,
#citieskow-category-picker {position: relative; height: 20px; line-height: 16px;}
#cities2-city-picker label,
#cities-category-picker label,
#citieskow2-city-picker label,
#citieskow-category-picker label {position: absolute; left: -1px; top: -1px; padding: 6px; width: 200px; display: inline-block; background: #fff; pointer-events: none; z-index: 1; font-size: 13px; font-family: Arial; cursor: pointer; border: 1px solid #ccc; line-height: 13px;}
#cities2-city-picker label:after,
#cities-category-picker label:after,
#citieskow2-city-picker label:after,
#citieskow-category-picker label:after {content:"▼";display: inline-block; float: right;}
#cities2-city-picker select,
#cities-category-picker select,
#citieskow2-city-picker select,
#citieskow-category-picker select {position: absolute; left:0; top: 0; width: 210px;}

.cities-chart-legend,
.citieskow-chart-legend {text-align: right; font-family: arial; font-size: 12px;}
.cities-chart-legend-category,
.citieskow-chart-legend-category {display: inline-block; margin-left: 30px;}
.cities-chart-legend-cat1 {display: inline-block; width: 12px; height: 12px; margin-right:10px; background-color: #a21935;}
.cities-chart-legend-cat2 {display: inline-block; width: 12px; height: 12px; margin-right:10px; background-color: #e6002f;}
.cities-chart-legend-cat3,
.citieskow-chart-legend-cat3 {display: inline-block; width: 12px; height: 12px; margin-right:10px; background-color: #ff8500;}

.cities-chart-ballon {text-align: left; max-width: 400px; line-height: 1.2em;}
.cities-chart-ballon-value {text-align: right;}

.cities-category-lower {margin-top: 20px; padding-top: 25px; border-top: 1px solid #ccc;}
.cities-category-lower .cities-image-with-caption {float: left; margin-right: 15px;}
.cities-image-with-caption p {font-family: arial; font-size: 13px; margin: 0;}
#cities-category-desc {margin: 0 0 0 280px; font-family: arial; font-size: 16px; line-height: 19px;}

.md-article_inline-desc {display: none;}
.md-article_meat > p {display: none;}

.size480-660 #cities2-category-link,
.size480-660 #cities-city-link,
.size480-660 #citieskow2-category-link,
.size480-660 #citieskow-city-link,
.size660-980 #citieskow-city-link,
.size480 #cities2-category-link,
.size480 #cities-city-link,
.size480 #citieskow2-category-link,
.size480 #citieskow-city-link {float: none; display: block;}

.size480 .cities-chart-legend, 
.size480 .citieskow-chart-legend,
.size480-660 .cities-chart-legend, 
.size480-660 .citieskow-chart-legend,
.size660-980 .cities-chart-legend, 
.size660-980 .citieskow-chart-legend {margin-top: 10px;}

.touch .cities-chart-container,
.touch #cities2-chartdiv,
.touch #citieskow-chartdiv,
.touch #citieskow2-chartdiv {margin: 0 5% 0 0; width: 95% !important;}

@media print {
    .cities-chart-container-image,
    #cities2-category-link,
    #cities-city-link,
    #citieskow2-category-link,
    #citieskow-city-link,
    #cities2-city-picker,
    #cities-category-picker,
    #citieskow2-city-picker,
    #citieskow-category-picker {display: none;}
}