/* xxxxxxxxxxxxxxxxxxxxxxxxx POPUPS MESSAGES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* This file basically overwrites the css of the standard jQuery dialog box to create a custom look for my dialog box */

div#show_page_message{                                                  /* My container within the main container class */
        display         : none;
        position        : fixed;
        border-radius   : 10px;
        z-index         : 9000000;                                      /* Ninety lakh */    
        padding         : 10px 10px 10px 10px;
        overflow        : auto;
}

div#show_page_message_top_div, div#show_page_message_mid_div, div#show_page_message_bottom_div{        /* Sub-sections within my container */
        width       : 100%;
        clear       : both;
        text-align  : center;
        font-family : Trebuchet MS, Helvetica, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        color       : #ffffff;
}

div#show_page_message_top_div a, div#show_page_message_mid_div a, div#show_page_message_bottom_div a{    /* Sub-sections within my container */
        color       : #ffffff;
}

div#show_page_message_top_div{                                          /* This one has the icon */
        font-size       : 32px;
        padding         : 10px 0px 0px 0px;
}

div#show_page_message_mid_div{                                       /* This one has the text including the header - Please Wait, Success, Error, etc */
        font-size       : 16px;
        letter-spacing  : 0.5px;
}

div#show_page_message_mid_div h1{                                    /* This one has the header - Please Wait, Success, Error, etc */
        color           : #ffffff;
        clear           : both;
        font-size       : 36px;
}

.show_page_message_wait{
        background-color    : #50cffc;   
        border              : 10px solid #50cffc;        
}

.show_page_message_success{
        background-color    : #20da9b;   
        border              : 10px solid #20da9b;        
}

.show_page_message_success input[type=submit]{
        background-color    : #049c69;
}

.show_page_message_error{
        background-color    : #f26051;   
        border              : 10px solid #f26051;
}

.show_page_message_error input[type=submit]{
        background-color    : #850e02 !important;
}

.show_page_message_query{
        background-color    : #ffc150;   
        border              : 10px solid #ffc150;                
}

.show_page_message_query input[type=submit]{
        background-color    : #ff7800;
}

.show_page_message_bottom_div_input_container{
        padding-top         : 20px;
        display             : inline-block;
}