.modalBackground
{
    background-color:#000000;
    opacity:0.4;
	filter: alpha(opacity=40);
}
.PanelModalDialog
{
	background-color: White;
	border: 0px solid #446abf;
	border-collapse: collapse;
	width: 340px;
	height:300px;
}
.PanelModalDialog_None
{
	display:none ;
	background-color: White;
	border: 0px solid gray;
	border-collapse: collapse;
}
.PanelModalDialog_Time
{
	background-color: #80d100;
	border: 0px solid #80d100;
	border-collapse: collapse;
}

.PanelModalDialog_Rsv
{
	background-color: White;
	border: 0px solid #446abf;
	border-collapse: collapse;
	width: 340px;
	height:320px;
}

.PanelDragHeader
{
	background-color: #446abf;
	margin: 2px;
	padding: 6px 5px 5px 5px;
	height: 40px;
}

.PanelDragBody
{
	padding: 10px;
	font-size:13px;
}
.PanelDragFooter
{
	position: absolute;
	top: 162px;
	padding: 5px;
	width: 290px;
    height: 28px;
    background: url(images/Dialog_Header1.png) repeat-x 0px 0px;	
}

.PanelDragHeader_Item
{
	color:#232323;
	padding: 5px;
	margin: 5px;
	width: 630px;
    height: 28px;
    border-bottom:1px solid #5f7ca0;
}

.PanelDragFooter_divdlg1
{
	position: absolute;
	top: 258px;
	padding: 5px;
	width: 340px;
	height: 40px;

}
.PanelDragFooter_rsvdlg1
{
	position: absolute;
	top: 280px;
	padding: 5px;
	width: 340px;
	height: 40px;
}

.sel-button
{
    border: solid 1px #ccc;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    width: 70px;
    height: 28px;
}


@media screen and (max-width: 479px)
{
    .PanelModalDialog
    {
	    background-color: White;
	    border: 0px solid #446abf;
	    border-collapse: collapse;
	    width: 280px;
	    height:300px;
    }
    .PanelDragFooter_divdlg1
    {
	    position: absolute;
	    top: 258px;
	    padding: 5px;
	    width: 250px;
	    height: 40px;

    }
    .PanelDragFooter_rsvdlg1
    {
	    position: absolute;
	    top: 280px;
	    padding: 5px;
	    width: 240px;
	    height: 40px;
    }

}

.MessageTitle
{
	color:White;
}


.PanelDragFooter_msgbox1
{
	position: absolute;
	top: 152px;
	padding: 5px;
	width: 290px;
    height: 28px;
}
.PanelDragFooter_msgboxB
{
	position: absolute;
	top: 382px;
	padding: 5px;
	width: 390px;
    height: 28px;
    background: url(images/Dialog_Header1.png) repeat-x 0px 0px;
}

.PanelDragFooter_showlocal
{
	position: absolute;
	top: 550px;
	padding: 5px;
	margin: 5px;
	width: 630px;
    height: 78px;
    border-top:1px solid #446abf;
}


.PanelDragFooter_srchdlg1
{
	position: absolute;
	top: 262px;
	padding: 5px;
	width: 390px;
    height: 28px;
    background: url(images/Dialog_Header1.png) repeat-x 0px 0px;	
}

.PanelDragFooter_locallist1
{
	position: absolute;
	top: 300px;
	padding: 5px;
	width: 590px;
    height: 78px;
    background: url(images/Dialog_Header1.png) repeat-x 0px 0px;	
}


.PanelModalDialog .dialog-main
{
	padding: 10px;
	font-size:13px;
}


.dlgbutton
{
	font-size:10pt;
    cursor:pointer;
    margin:2px;
    height:28px;
    width:70px;
    border:1px solid #AFAFAF;
    background-color:#ffffff;
    color:#222222;
}
.dlgbutton:hover
{
    background-color:#00549c;
    color:White;
}
.dlgbutton:active
{
    background-color:#AAAAAA;
    color:White;
}

.dlgbutton-m
{
	font-size:9pt;
    cursor:pointer;
    margin:2px;
    height:20px;
    width:40px;
    border:1px solid #AFAFAF;
    background-color:#ffffff;
    color:#222222;
}
.dlgbutton-m:hover
{
    background-color:#00549c;
    color:White;
}
.dlgbutton-m:active
{
    background-color:#AAAAAA;
    color:White;
}