﻿.hide
{
    display: none;
}


/* Modal Popup Css */
.custom-popup
{
    background: url(../images/popup-bg.png) repeat;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10;
    left:0;
    top:0;
}
.custom-popup a
{
    cursor: pointer;
}
.msgbox
{
    position: absolute;
    width: 500px;
    left: 35%;
    top: 35%;
}

.custom-succes-msg
{
    background: url("../images/success.png") no-repeat scroll 15px 15px #D4FECC;
    border: 1px solid #A0DF98;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px #222222;
    -moz-box-shadow: 0 0 10px #222222;
    -webkit-box-shadow: 0 0 10px #222222;
    font-family: candara;
    font-size: 14px;
    color: #222222;
    padding: 13px 5px 13px 65px;
    position: relative;
    min-height: 42px;
}
.custom-error-msg
{
    background: url("../images/error.png") no-repeat scroll 15px 15px #fed2d3;
    border: 1px solid #9e2007;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px #222222;
    -moz-box-shadow: 0 0 10px #222222;
    -webkit-box-shadow: 0 0 10px #222222;
    font-family: candara;
    font-size: 14px;
    color: #222222;
    padding: 13px 5px 13px 65px;
    position: relative;
    min-height: 42px;
}
.custom-succes-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #307b28;
    font-weight: bold;
}
.custom-error-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #ff0000;
    font-weight: bold;
}
.custom-info-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #0457b3;
    font-weight: bold;
}
.custom-warning-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #666513;
    font-weight: bold;
}
.msgbox p
{
    margin: 0;
}
.msgbox .closebtn
{
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
}

.modalbackground
{
    width: 130px;
    height: 30px;
    top: 50%;
    left: 50%;
    background-color: Black;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    display: none;
}
.custom-loading-msg
{
    background: url("../images/loading.gif") no-repeat scroll 15px 15px #ffffff;
    border: 1px solid #222222;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px #222222;
    -moz-box-shadow: 0 0 10px #222222;
    -webkit-box-shadow: 0 0 10px #222222;
    font-family: candara;
    font-size: 14px;
    color: #222222;
    padding: 13px 5px 13px 65px;
    position: relative;
    min-height: 42px;
}
.custom-loading-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #333333;
    font-weight: bold;
}
.custom-warning-msg
{
    background: url("../images/warning.png") no-repeat scroll 15px 15px #fefccb;
    border: 1px solid #96853e;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px #222222;
    -moz-box-shadow: 0 0 10px #222222;
    -webkit-box-shadow: 0 0 10px #222222;
    font-family: candara;
    font-size: 14px;
    color: #222222;
    padding: 13px 5px 13px 65px;
    position: relative;
    min-height: 42px;
}
.custom-warning-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #666513;
    font-weight: bold;
}
.custom-delete-msg
{
    background: url("../images/warning.png") no-repeat scroll 15px 15px #fefccb;
    border: 1px solid #96853e;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px #222222;
    -moz-box-shadow: 0 0 10px #222222;
    -webkit-box-shadow: 0 0 10px #222222;
    font-family: candara;
    font-size: 14px;
    color: #222222;
    padding: 13px 5px 13px 65px;
    position: relative;
    min-height: 74px;
}
.custom-delete-msg h2
{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #ff0000;
    font-weight: bold;
}

.custom-delete-msg .buttons
{
    padding: 15px 0 4px;
}
.custom-delete-msg .buttons input[type="button"]
{
    padding: 3px 10px;
}