.accordion p:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }

#indiceForm a.button {
    display: inline-block;
    float: none;
    margin-top: 0;
    padding: 5px;
    width: auto;
}

/* controls - convert radios to button style */
#indiceForm label {
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    height: 3.0em;
    position: relative;
    z-index: 0;
    width: 16.5%;
    max-width: 16.5%;
    min-width: 7em;
}
div.btn-colour-2 {
    float: right;
    margin-top: -2.7em;
    margin-right: 0.4em; /* allow %rounding allowance to align with buttons above */
}
#indiceForm  span.radio, #indiceForm a.btn,#indiceForm  a.btn:visited {
    background-color: #D5E9F7;
    color: #000000;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    height: 3.1em;
    line-height: 3em;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 2px #cccccc;
    vertical-align: middle;
    text-align: enter;
}

.btn-colour-1 span.radio, .btn-colour-1 a.btn, .btn-colour-1 a.btn:visited { background-image: none; background-color: #EDF3FF; }
.btn-colour-2 span.radio, .btn-colour-2 a.btn, .btn-colour-2 a.btn:visited { background-image: none; background-color: #dddddd; border-color: #efefef; }

#indiceForm  span.radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

#indiceForm a.btn {
    width: auto;
    margin:0 -4px;
    padding: 0 10px;
    float: none;
    display: inline-block;
}

#indexSelect, #indiceForm  fieldset { margin: auto; width: 100%; margin-top: 0.2em; border: medium none; }
#indiceForm  fieldset label, #indiceForm  fieldset legend {
    margin: 0 -1px;
    padding: 0;
}
/*
#indiceForm  fieldset label:first-child span.radio,#indiceForm  .btn:first-child {
    -moz-border-radius-top-left: 8px !important;
    -moz-border-radius-bottom-left: 8px !important;
    -webkit-border-top-left-radius: 8px !important;
    -webkit-border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
    */
/* downloads - no longer part of button group */

#indiceForm fieldset label:last-child span.radio, #indiceForm  .btn:last-child {
    /*
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    */
    margin: 0;
    border-radius: 0;
}

/* make links and buttons look the same */
#indiceForm .btn.download {
    border-radius: 8px !important;
    min-width: 100px !important;

    background-image: url(/climate/images/symbols/download-24x24.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 24px;
} 


ul#download-chart button, ul#download-data a {
    color: #06C;
    background-color:none;
    border:none;
    background: none;
    margin: 2px;
    padding:5px;
    border-radius: 4px;
    box-sizing: border-box;
    text-decoration: none !important;
}

ul#download-chart button:hover, ul#download-data a:hover  {
    background-color: #D5E9F7;
    color: #06C !important /* #F60 */;
}



#indiceForm  input:checked + span.radio {
    background: none repeat scroll 0 0 #99CCFF !important;
    color: #000;
}


#indiceForm  .btn-colour-1 input:checked + span.radio { background: none repeat scroll 0 0 #AECCEA !important; }
#indiceForm  label span:hover, #indiceForm  input:hover + span.radio,#indiceForm  input:hover + span.radio, #indiceForm a.btn:hover, .btn-colour-1 a.btn:hover,  .btn-colour-2 a.btn:hover {
    background: none repeat scroll 0 0 #fff;
    color: #000000;
    cursor: pointer;
}

/* period */
#indiceForm  .btn-colour-1 label span:hover, #indiceForm  .btn-colour-1 input:hover + span.radio, .btn-colour-1 input:hover + span.radio, #indiceForm  .btn-colour-1 a.btn:hover {
    background: none;
    background-color: #fff;
}


/* about and download */
.btn-colour-2 a.btn:hover {
    background: none;
    background-color: #efefef;
}

/* For disabling text selection (http://stackoverflow.com/a/4407335/4731996) */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* FOR IE8 only */
#indiceForm  label.selected span {
    background: none repeat scroll 0 0 #fff !important;
    color: #000;
}
#periodSelect label span:first-letter { text-transform: uppercase; }

/* keyboard focus outline
content .btn-colour-1 focus not working - possibly because of hidden button?
*/
#indiceForm  label input:focus + span.radio, #indiceForm  .btn-colour-1 input:focus + span.radio,
#indiceForm  .btn-colour-2 a.btn:focus {
    outline: 1px dotted #06F !important; z-index: 99999;
}

/* END FOR IE8 */

/* icons designs mixed IP OK sources */
.icon-info, .icon-action, .icon-download-grey { display: inline-block; width: 24px; height: 28px; background-repeat: no-repeat ; background-position: 0 12px; vertical-align: top; }

.icon-info {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2030%2030%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-nosvg .icon-info { background-image: url("css/images/icons-png/info-white.png"); }

.icon-action {
    background-image:  url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E" );
}
.ui-nosvg .icon-action{ background-image: url("css/images/icons-png/action-white.png"); margin: -5px; }

.icon-download-grey {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjQ1LjE3NiAwIDE0IDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDQ1LjE3NiAwIDE0IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8ZyBpZD0iZmlsZS1kb3dubG9hZCI+DQoJCQk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNTkuMTc2LDUuOTk5aC00VjBoLTZ2NS45OTloLTRsNyw3TDU5LjE3Niw1Ljk5OXogTTQ1LjE3NiwxNS4wMDFWMTdoMTR2LTEuOTk5SDQ1LjE3NnoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
}
.ui-nosvg .icon-download-grey { background-image: url("css/images/icons-png/action-white.png"); margin: -5px; }



@media print {

    /* print resize OK in Chrome, Safari, not FF, IE?? */
    @page {
        orientation: landscape;
        size: A4;
    }
    .two-column #indiceForm  { width: 100%; padding: 0; margin: 0; }
    #chart { width: 100%; text-align: center; margin: auto; }
    #chart div:first-of-type { width: inherit; text-align: center; margin: auto; }
    #container { padding: 0; }
    figure, figcaption { width: 100%; box-sizing: border-box; border-bottom: none; padding: 0.5em; }
    figcaption { margin: 0; margin-top: 0.5em; }
    figcaption p, figcaption .box-notice { padding: 0; margin: 0; }
    #footer, #footer-columns { height: auto; }
}