
/*
=====================================================================
-------------------------------------------------------------- 
loading提示
-------------------------------------------------------------- 
*/
.loading
{
    background-image: url(images/loading.gif);
    background-position: center center;
    background-repeat:no-repeat;
    width: 100%;
    display: block;
    line-height:12px;
}

/*
=====================================================================
-------------------------------------------------------------- 
popupMessage提示
-------------------------------------------------------------- 
*/
#popupAlertContainer *{padding:0;margin:0;border-width:0px;}
#popupAlertContainer
{
    display:none;
    position: absolute;
    z-index: 100px;
    top: 10px;
    left: 10px;
    width: 437px;
    background-image: url(images/alertBg.png);
    background-position: -437px 50px;
}
#popupAlertContainer .popupBox
{
    position: relative;
    top: 20px;
    background-image: url(images/alertBg.png);
    background-repeat: no-repeat;
    background-position: -874px 100%;
    padding-bottom: 150px;
}
#popupAlertContainer .popupBox p.popupControl
{
    position: absolute;
    z-index: 101;
    top: -20px;
    right: 10px;
}
#popupAlertContainer .popupBox p.popupControl a:link
{
    background-image: url(images/popup_close.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:block;
    float:left;
}
#popupAlertContainer .popupBox p.popupControl a:hover
{
    background-position: -21px 0px;
}
#popupAlertContainer .popupBox p.popupControl a:link span
{
    display: block;
    width: 21px;
    height: 21px;
    text-indent: -99999px;
    cursor:pointer;    
}
#popupAlertContainer .popupBox dl.context
{
    position: relative;
    margin: 0;
    padding: 25px 0 0 0 ;
    top: -25px;
    width: 437px;
    background-image: url(images/alertBg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#popupAlertContainer .popupBox dl.context dt
{
    display: block;
    position: absolute;
    top: 25px;
    left: 15px;
    margin:0 0 0 25px;
    width:64px;
    height: 65px;
    background-image: url(images/info_icons.png);
    background-repeat: no-repeat;
}

#popupAlertContainer .popupBox dl.context dt.alert
{
    background-position: center -128px;
}
#popupAlertContainer .popupBox dl.context dt.success
{
    background-position: center 0px;
}
#popupAlertContainer .popupBox dl.context dt.error
{
    background-position: center -64px;
}

#popupAlertContainer .popupBox dl.context dd
{
    margin-left: 120px;
}
#popupAlertContainer .popupBox dl.context dd.title
{   
    font-weight: bold;
    font-size:1.5em;
    background-image: none;
}
#popupAlertContainer .popupBox dl.context dd.error
{
    color: #ff0000;
}
#popupAlertContainer .popupBox dl.context dd.success
{
    color: #006600;
}
#popupAlertContainer .popupBox dl.context dd.button
{
    padding-top: 25px;
}
#popupAlertContainer .popupBox dl.context dd.button li
{
    float: left;
}
#popupAlertContainer .popupBox dl.context dd.button li a
{
    display: block;
    margin-right: 10px;
}
#popupAlertContainer .popupBox dl.context dd.button li a:link span
{
    text-align: center;
    cursor: pointer;
    width: 80px;
    height: 25px;
    line-height: 25px;
    display: block;
    background: url(images/info_btn.gif);
}
#popupAlertContainer .popupBox dl.context dd.button li a:hover span
{
    background-position: 0 -25px;
}