/**
 * sde-dialog.css - SellerDeck Extensions Dialog style
 * 
 * @package     SellerDeck Extensions
 * 
 * @author      Péter Erdodi
 * @copyright   © SellerDeck Ltd 2015. All rights reserved.
 */
body {
    margin:0; 
    background-color:#f0f0f0; 
    font-family:Calibri, Helvetica, sans serif; 
    font-size:14px;
}
/**
        Dialog & Help content
*/
#sde-dialog-content, #sde-help-content {
    position: fixed;
    top: 0px; 
    left: 0px;
    right: 0px;
    height: calc(100% - 81px);
    overflow:auto;
    padding: 15px;
}
/**
        Dialog buttons at bottom
*/
#sde-dialog-buttons {
    position: fixed;
    bottom: 0px; 
    left: 0px;
    right: 0px;
}
#sde-dialog-buttons .sde-dialog-buttons-right {
    float: right;
    margin: 15px;
}
#sde-dialog-buttons .sde-dialog-button {
    margin-left: 15px;
}
.sde-dialog-button {
    min-width: 88px;
    height: 21px;
    border: 1px solid #707070;
    -moz-border-radius: 1px; 
    -webkit-border-radius: 1px; 
    border-radius: 1px;
    background-image: url("../images/button-background.png");
}
.sde-dialog-button:hover {
    border: 1px solid #3C7FB1;
    background-image: url("../images/button-background-h.png");
}
/**
        Dialog group box
*/
.sde-dialog-group {
    clear: both;
    width: 96%;
    padding: 10px;
    border: 1px solid #c8cdce; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    margin: 15px 0;
}
.sde-dialog-group-heading{
    width: auto;
    float: left;
    margin: -20px 0 8px 0;
    padding: 0 5px 0 5px;
	background-color: #f0f0f0;
}
.sde-dialog-group-content {
    clear: both;
	width: 100%;
}
/**
        Dialog console
*/
.sde-dialog-console{
    padding: 17px 11px 11px 11px; 
    background-color:#fff;
    border: 1px solid #E3E9EF; 
    border-top: 1px solid #ABADB3
}
/**
        Dialog controls
*/
input[type=text] {
    margin: 7px; 
    padding: 4px; 
    border: 1px solid #E3E9EF; 
    border-top: 1px solid #ABADB3
}
input[type=submit], input[type=reset], input[type=button] {
    height: 21px;
    background: transparent;
    border: 1px solid #707070;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-image: url("../images/submit-background.png");
    background-position: bottom; 
}
input[type=submit] :hover , input[type=reset] :hover , input[type=button] :hover {
    border-color: #3C7FB1;
    background-image: url("../images/submit-background-h.png");
}
.hidden { 
    display: none; 
}
/**
        Help content
*/
#sde-help-content {
    background-color:#fff;
    font-size:16px
}
#sde-help-content .note {
    border-top:1px solid #222222;
    border-bottom:1px solid #222222;
    margin:0.8em 0 0.8em 0;
}
#sde-help-content img {
    margin:0.4em 0 0.4em 2em;
    padding:0;
    border:1px solid #222222;
}
#sde-help-content h1 {
    font-size:1.5em;
    border-top:1px solid #222222;
    margin:0.4em 0 0.5em 0;
}
#sde-help-content h2 {
    font-size:1.1em;
    margin:1em 0 0.4em 0;
}
#sde-help-content h3 {
    font-size:1em;
    margin:0.8em 0 0.4em 0;
}
#sde-help-content h4 {
    font-size:0.95em;
    margin:0.4em 0 0.4em 0;
}
#sde-help-content p, #sde-help-content ol, #sde-help-content ul, #sde-help-content li {
    margin:0.4em 0 0.4em 0;
}
#sde-help-content .copyright {
    margin:5em 0 0 0;
    padding:1em;
    text-align:center;
    font-size: 0.8em;
    border-top:1px solid #555555;
    border-bottom:1px solid #555555;
}