/*
  Script: accordion.css

    This file is part of UWA JS Runtime.

  About: License

    Copyright 2006-2012 Netvibes, a Dassault Systèmes company.
    All rights reserved.

  XHTML skeleton:
    (start code)
    TODO
    (end code)

  TODO:
    CSS gradients for all web browsers: http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
*/

.uwa-accordion-item > .uwa-accordion-content {
    display:none;
}
.uwa-accordion-item.selected > .uwa-accordion-content{
    display: block;
}

.uwa-accordion-item {
    float: none;
}

.uwa-accordion-item {
    background: none;

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(210,210,210)),
        color-stop(1, rgb(240,240,240))
    );

    background-image: -moz-linear-gradient(
        center bottom,
        rgb(210,210,210) 0%,
        rgb(240,240,240) 100%
    );

    background-color:#ddd; /* fallback for gradient non compatible browser */
}

.uwa-accordion-item.selected .uwa-accordion-item-title,
.uwa-accordion-item-title {
    line-height: 1.5em;
    display:block;
    background: url(../img/open_close_arrow.png) no-repeat 5px 7px;
    padding:2px 0 2px 18px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    text-align: left;
    border-radius: 0;
    border: none;
    border-top:1px solid #fff;
    border-bottom:1px solid #aaa;
}

.uwa-accordion-item.selected .uwa-accordion-item-title {
    border-top:1px solid #ddd;
    border-bottom:1px solid #666;
    background-position: 5px -24px;
    color:white;
}

.uwa-accordion-item.selected {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(140,140,140)),
        color-stop(1, rgb(190,190,190))
    );

    background-image: -moz-linear-gradient(
        center bottom,
        rgb(140,140,140) 0%,
        rgb(190,190,190) 100%
    );

    background-color:#999; /* fallback for gradient non compatible browser */
}

.uwa-accordion-content {
    padding:4px;
    line-height: 1.3em;
    border-bottom:1px solid #ddd;
    background-color:#eee; /* fallback for gradient non compatible browser */
}

/* Dark theme */

.uwa-accordion.dark {
    background-color: #444;
}
.uwa-accordion-item.dark {
    background: none;
    border-bottom: 2px solid #4b4b4b;
}

.no-touch .uwa-accordion-item.dark {
    transition: background 0.2s;
}

.no-touch .uwa-accordion-item.dark:hover {
    background: #383838;
}

.uwa-accordion-item.dark.selected {
    background: none;
}

.no-touch .uwa-accordion-item.dark.selection,
.uwa-accordion-item.dark.selection:hover {
    background: #333;
}

    .uwa-accordion-item.selected .uwa-accordion-item-title.dark,
    .uwa-accordion-item-title.dark {
        height: 35px;
        line-height: 35px;
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: normal;
        color: #999;
        padding: 0 24px;
        border: none;
        background: none;
    }
    .uwa-accordion .uwa-accordion-item-title.dark:hover {
        color: #999;
    }

        .uwa-accordion-item-title.dark:before {
            font-family: 'uwa-icons';
            position: absolute;
            display: block;
            left: 6px;
            font-size: 20px;
            content: 'g';
        }

        .uwa-accordion-item.selected .uwa-accordion-item-title.dark:before {
            content: 'd';
        }

    .uwa-accordion-content.dark {
        border: none;
        background: none;
        color: #aaa;
    }