/*
 * SimpleModal Basic Modal Dialog
 */

#div-modal-content {display:none;}
#div-message-content {display:none;}

#application_footer {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
/*#simplemodal-container {height:70%; width:330px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}*/

#simplemodal-container {height:auto; width:385px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
@media handheld { #simplemodal-container {height:100%; width:330px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} }
#simplemodal-container .simplemodal-data {padding:0px; height:100%; width:100%;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/icons/close_24.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:300px;
	height:200px;
}

.msgPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:80%;
	height:80%;
}

.loader {
    
    
    border: 16px solid #FFFFFF; /* #f3f3f3; Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    
    display: none;
    position:absolute;
    z-index: 999;
    color:#fff;
    top:50%;
    left:50%;
    padding:15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 888;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        min-height: 100%;
        width: 100%;
    }
.loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }