/**
 * ju framework © darkslave.net 
 * https://github.com/darkslave86/ju
 */

.ju-popup-overlay {
    background:  #666;
    opacity:     0.5;
    filter:      alpha(Opacity=50);
}



.ju-popup {
    cursor:      default;
    padding:     0px;
    margin:      20px;
    padding:     30px;
    border:      1px #999 solid;
    background:  #fff;
    color:       #333;
    line-height: normal;
}


.ju-popup > .header {
    text-align:  center;
    font-family: inherit;
    font-size:   22px;
}

.ju-popup > .content {
    padding:     30px 15px 30px 15px;
    font-family: inherit;
    font-size:   15px;
}

.ju-popup > .footer {
    word-wrap:   normal;
    text-align:  center;
}

.ju-popup > .footer input[type="button"] + input[type="button"] {
    margin-left:  24px;
}

.ju-popup.error > .header {
    color:        #c00;
}




/**************************************************************************************************
*/

.ju-popup input.button {
    cursor:        pointer;
    padding:       3px 12px 3px 12px;
    font-family:   inherit;
    font-size:     17px;
    line-height:   21px;
    line-height:   17px !ie;
    vertical-align:  middle;
    border-width:  1px;
    border-style:  solid;
    outline:       0px;
}


.ju-popup input.button {
    color:         #666666;
    border-color:  #DDDDDD;
    background:    #E7E7E7;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#F3F3F3, endColorstr=#E3E3E3, GradientType=0);
    background-image: -webkit-linear-gradient(top, #F3F3F3, #E3E3E3);
    background-image:    -moz-linear-gradient(top, #F3F3F3, #E3E3E3);
    background-image:     -ms-linear-gradient(top, #F3F3F3, #E3E3E3);
    background-image:      -o-linear-gradient(top, #F3F3F3, #E3E3E3);
    background-image:         linear-gradient(top, #F3F3F3, #E3E3E3);
}

.ju-popup input.button:hover {
    color:         #333333;
    border-color:  #CCCCCC;
    background:    #D7D7D7;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#EEEEEE, endColorstr=#D7D7D7, GradientType=0);
    background-image: -webkit-linear-gradient(top, #EEEEEE, #D7D7D7);
    background-image:    -moz-linear-gradient(top, #EEEEEE, #D7D7D7);
    background-image:     -ms-linear-gradient(top, #EEEEEE, #D7D7D7);
    background-image:      -o-linear-gradient(top, #EEEEEE, #D7D7D7);
    background-image:         linear-gradient(top, #EEEEEE, #D7D7D7);
}

.ju-popup.error input.button {
    color:         #AA6666;
    border-color:  #EEDDDD;
    background:    #FFE7E7;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#FFF3F3, endColorstr=#FFE3E3, GradientType=0);
    background-image: -webkit-linear-gradient(top, #FFF3F3, #FFE3E3);
    background-image:    -moz-linear-gradient(top, #FFF3F3, #FFE3E3);
    background-image:     -ms-linear-gradient(top, #FFF3F3, #FFE3E3);
    background-image:      -o-linear-gradient(top, #FFF3F3, #FFE3E3);
    background-image:         linear-gradient(top, #FFF3F3, #FFE3E3);
}

.ju-popup.error input.button:hover {
    color:         #AA3333;
    border-color:  #EECCCC;
    background:    #FFD7D7;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#FFEEEE, endColorstr=#FFD7D7, GradientType=0);
    background-image: -webkit-linear-gradient(top, #FFEEEE, #FFD7D7);
    background-image:    -moz-linear-gradient(top, #FFEEEE, #FFD7D7);
    background-image:     -ms-linear-gradient(top, #FFEEEE, #FFD7D7);
    background-image:      -o-linear-gradient(top, #FFEEEE, #FFD7D7);
    background-image:         linear-gradient(top, #FFEEEE, #FFD7D7);
}

.ju-popup.notice input.button {
    color:         #6666AA;
    border-color:  #DDDDEE;
    background:    #E7E7FF;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#F3F3FF, endColorstr=#E3E3FF, GradientType=0);
    background-image: -webkit-linear-gradient(top, #F3F3FF, #E3E3FF);
    background-image:    -moz-linear-gradient(top, #F3F3FF, #E3E3FF);
    background-image:     -ms-linear-gradient(top, #F3F3FF, #E3E3FF);
    background-image:      -o-linear-gradient(top, #F3F3FF, #E3E3FF);
    background-image:         linear-gradient(top, #F3F3FF, #E3E3FF);
}

.ju-popup.notice input.button:hover {
    color:         #3333AA;
    border-color:  #CCCCEE;
    background:    #D7D7FF;
    filter:        progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#EEEEFF, endColorstr=#D7D7FF, GradientType=0);
    background-image: -webkit-linear-gradient(top, #EEEEFF, #D7D7FF);
    background-image:    -moz-linear-gradient(top, #EEEEFF, #D7D7FF);
    background-image:     -ms-linear-gradient(top, #EEEEFF, #D7D7FF);
    background-image:      -o-linear-gradient(top, #EEEEFF, #D7D7FF);
    background-image:         linear-gradient(top, #EEEEFF, #D7D7FF);
}



/**************************************************************************************************
*/

.ju-popup.ju-message,
.ju-popup.ju-confirm {
    word-wrap:     break-word;
    min-width:     400px;
    max-width:     800px;
    text-align:    center;
}




/**************************************************************************************************
*/

.ju-popup.ju-spinner {
    padding:       36px 48px 38px 44px;
    max-width:     800px;
}

.ju-popup.ju-spinner > .content {
    font-family:   inherit;
    font-size:     20px;
    line-height:   32px;
    background:    url('ju.spinner.gif') left center no-repeat;
    padding:       0px 0px 0px 48px;
}