/** Stylesheet for the PrivatePageProtectionGui extension, a graphical 
 * user interface for the PrivatePageProtection extension
 *
 * @file
 * @ingroup Extensions
 * @author idea-sketch.com
 * @copyright © 2012 idea-sketch.com
 * @licence GNU General Public Licence 2.0 or later
 */

#privatepageprotectiongui {
    margin: 1em 0;
}

#privatepageprotectiongui-label {
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    font-size: 1.2em;
    margin: 0;
    padding: 0.4em 0.4em 0.4em 1.4em;
    background: #eee url(images/arrow-down-icon.png) left center no-repeat;
}

#privatepageprotectiongui-label.open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

#privatepageprotectiongui-inner {
    border: 1px solid #ccc;
    max-height: 20em;
    overflow: auto;
}

#privatepageprotectiongui-inner #privatepageprotectiongui-group-label {
    padding: .5em 1.5em;
    color: #333;
}

#privatepageprotectiongui-switch-area {
    padding: .5em 1.5em;
}

#privatepageprotectiongui-switch-area  input#privatepageprotectiongui-switch {
    margin-right: .5em;
}

#privatepageprotectiongui-inner table {
    width: 100%;
    padding: 0 1.5em 1.5em;
}

#privatepageprotectiongui-inner table.disabled {
    color: #999;
}

#privatepageprotectiongui-inner .odd {
	   background: #eee;
}

#privatepageprotectiongui-inner .even {
	   background: #f9f9f9;
}

#privatepageprotectiongui-inner th {
    font-weight: bold;
}

#privatepageprotectiongui-inner .privatepageprotectiongui-group-cell {
    width: 30.9%;
    padding: 0.3em 0.5em;
    text-align: right;
    font-weight: bold;
}

#privatepageprotectiongui-inner .privatepageprotectiongui-right-cell {
    width: 23%;
    padding: 0.3em 0.5em;
    text-align: center;
}