/*
 * AcidJs.XCookieConsent  HTML5 Web Component by Martin Ivanov (@wemakesitesnet)
 * More info regarding this exciting new technology: http://webcomponents.org/, http://www.x-tags.org/, http://www.polymer-project.org/
 * @author Martin Ivanov
 * @url portfolio: http://wemakesites.net/
 * @url twitter: https://twitter.com/wemakesitesnet
 * @url blog: http://martinivanov.net
 * @url more HTML5, CSS3 and JavaScript experiments: http://experiments.wemakesites.net
 * @url web-based MS Office-like ribbon toolbar: http://ribbonjs.com
 **/

/*
 * USAGE:
 * 1. If you are planning to use this component for a personal project, please retain the credits in the code. Donation (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QFUHPWJB2JDBS), however is highly appreciated.
 * 2. If you will use it on a live website, donation (https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QFUHPWJB2JDBS) is required. 
 **/

acidjs-xcookie-consent,
acidjs-xcookie-consent *
{
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

acidjs-xcookie-consent cell,
acidjs-xcookie-consent button
{
    vertical-align: middle;
}

acidjs-xcookie-consent[hidden],
acidjs-xcookie-consent [hidden]
{
    display: none;
}

acidjs-xcookie-consent *
{
    margin: 0;
    padding: 0;
    list-style: none;
}

acidjs-xcookie-consent button:-moz-focus-inner
{
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0;
}

acidjs-xcookie-consent  button::-moz-focus-inner
{
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0;
}

acidjs-xcookie-consent
{
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    display: block;
    padding: .5em;
    width: 100%;
    background: #2b2b2b;
    color: #fff;
    font: normal normal 14px/100% "Open Sans", Arial, Helvetica, Verdana, Sans-serif;
    cursor: default;
    box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, .5);
}

acidjs-xcookie-consent[position="top"]
{
    top: 0;
    bottom: auto;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .5);
}

acidjs-xcookie-consent grid
{
    display: table;
    width: 100%;
    border-collapse: collapse;
}

acidjs-xcookie-consent row
{
    display: table-row;
}

acidjs-xcookie-consent cell
{
    display: table-cell;
}

acidjs-xcookie-consent cell:last-child
{
    text-align: right;
}

acidjs-xcookie-consent[dir="rtl"] cell:last-child
{
    text-align: left;
}

acidjs-xcookie-consent a
{
    color: #e34c26;
    text-decoration: underline;
}

acidjs-xcookie-consent button
{
    display: inline-block;
    border: 0;
    min-width: 120px;
    padding: .25em .5em;
    background: #e34c26;
    color: #fff;
    font-size: 1.25em;
    cursor: pointer;
    border-radius: 3px;
}