﻿

#dialog-overlay
{
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    -moz-opacity: 0.5;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    display: none;
}

#dialog-box
{
    position: absolute;
    z-index: 21000;
    display: none;
}

#dialog-image-box
{
    position: absolute;
    z-index: 22000;
    display: none;
    box-shadow: 0px 0px 20px 2px #333;
	background-color:#ffffff;
}

#dialog-image-toggle-left 
{
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
    background-color: #FFF;
    z-index: 23000;
}

#dialog-image-toggle-right 
{
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
    background-color: #FFF;
    z-index: 23000;
}

#dialog-image-trigger 
{
    position: absolute;
    z-index: 30000;
    background-color: transparent;
	background-image:url(../Images/buttons/icoClose.png);
	background-position:97% 15px;
	background-repeat:no-repeat;
	cursor: pointer;
}

#dialog-image
{
    border: 10px solid #FFF;
}

#dialog-box #dialog-content
{
    text-align: left;
    padding: 10px;
    margin: 13px;
    color: #fff;
    font-size: 11px;
}

#dialog-box #dialog-content table.popuptable
{
    border-collapse: collapse;
}
       
#dialog-box #dialog-content td
{
    padding: 0;
}
        
#dialog-box #dialog-content td.topleft
{
    background-image: url(../images/dialog/topleft.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
}

#dialog-box #dialog-content td.topcenter
{
    background-image: url(../images/dialog/top.png);
    background-repeat: repeat-x;
}

#dialog-box #dialog-content td.topright
{
    background-image: url(../images/dialog/topright.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 15px;
}

#dialog-box #dialog-content td.midleft
{
    background-image: url(../images/dialog/left.png);
    background-repeat: repeat-y;
    width: 18px;
}

#dialog-box #dialog-content td.midcenter
{
    background-color: #333;
    color: #fff;
}
        
#dialog-box #dialog-content td.midright
{
    background-image: url(../images/dialog/right.png);
    background-repeat: repeat-y;
    width: 19px;
}

#dialog-box #dialog-content td.bottomleft
{
    background-image: url(../images/dialog/bottomleft.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 24px;
}

#dialog-box #dialog-content td.bottomcenter
{
    background-image: url(../images/dialog/bottom.png);
    background-repeat: repeat-x;
}

#dialog-box #dialog-content td.bottomright
{
    background-image: url(../images/dialog/bottomright.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 24px;
}

#dialog-left-button img
{
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}

#dialog-left-button
{
    float: left;
    cursor: pointer;
}

#dialog-right-button
{
    float: right;
    cursor: pointer;
}

#dialog-right-button img
{
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}

#dialog-left-button-content
{
    background-image: url(../Images/dialog/leftbutton_mid.png);
    background-repeat: repeat-x;
}

#dlg-btn-left-left
{
    background-image: url(../Images/dialog/leftbutton_left.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 25px;
    float: left;
}

#dlg-btn-left-mid
{
    background-image: url(../Images/dialog/leftbutton_mid.png);
    background-repeat: repeat-x;
    height: 25px;
    float: left;
    color: #000;
    line-height: 25px;
    text-align: center;
}

#dlg-btn-left-right
{
    background-image: url(../Images/dialog/leftbutton_right.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 25px;
    float: left;
}

#dlg-btn-right-left
{
    background-image: url(../Images/dialog/rightbutton_left.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 25px;
    float: left;
}

#dlg-btn-right-mid
{
    background-image: url(../Images/dialog/rightbutton_mid.png);
    background-repeat: repeat-x;
    height: 25px;
    float: left;
    color: #000;
    line-height: 25px;
    text-align: center;
}

#dlg-btn-right-right
{
    background-image: url(../Images/dialog/rightbutton_right.png);
    background-repeat: no-repeat;
    width: 3px;
    height: 25px;
    float: left;
}

#dialog-message
{
    margin: 0;
    padding: 10px 20px 20px 20px;
    text-align: center;
}

#confirmRecipient {
    width: 86px;
    height: 22px;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float:right;
    margin-right:20px;
}

#cancelRecipient {
    width: 86px;
    height: 22px;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float:left;
    margin-left:20px;
}