/*
General CSS for the demos of DHTMLSuite
*/
body
{
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    font-size: 0.8em;
    margin: 0px;
}

a
{
    color: red;
    text-decoration: underline;
}


/* CSS for the demo. CSS needed for the scripts are loaded dynamically by the scripts */
#mainContainer
{
    width: 500px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px;
}

/* Alternative layout for the message box - used by one of the messages */

.modalDialog_contentDiv_error
{
    padding: 2px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #F00; /* White background color for the message */
    color: #FFF;
}
.modalDialog_contentDiv_error a
{
    color: #FFF;
}
h1
{
    margin-top: 0px;
}

.modalDialog_transparentDivs
{
    filter: alpha(opacity=40); /* Transparency */
    opacity: 0.4; /* Transparency */
    background-color: #000;
    z-index: 1;
    position: absolute; /* Always needed	*/
}
.modalDialog_contentDiv
{
    /* border:3px solid #C6EBFF;	*/
    padding: 0px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #FFF; /* White background color for the message */
}
.modalDialog_contentDiv_shadow_temp_not_used
{
    z-index: 90; /* Always needed	- to make it appear below the message */
    position: absolute; /* Always needed	*/
    background-color: #fff; /* changed color for this.*/
    filter: alpha(opacity=30); /* Transparency */
    opacity: 0.3; /* Transparency */
}

.close
{
    font-size: 10px;
    color: #888687;
    padding-bottom:2px;
    font-weight:bold;
}