.modal_buttons
{
	background-color: #ffffff;
	padding: 10px;
}

.modal_buttons input
{
	margin-right: 10px;
}
.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #000000;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=40);
    opacity: 0.40;
    -moz-opacity: 0.40;
}

* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.modal 
{
	border: 1px solid #afb5c1;
    z-index: 1000;
    position: absolute;
    width: 350px;
    background-color: #000000;
    top: 35%;
    left: 35%;    
    filter: Alpha(Opacity=240) !important;
    opacity: 2.40 !important;
    -moz-opacity: 2.40 !important;
}

.modal_buttons
{
	background-color: #ffffff;
	padding: 10px;
}

.modal_buttons input
{
	margin-right: 10px;
}

* html .modal 
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.modal_title
{
	background-color: #dbeafd;
	background-image: url(../images/icons/cross.png);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}

.modal_title img
{
	margin-right: 10px;
}

.modal_item
{
	background-color: #ffffff;
	border-top: 1px solid #afb5c1;
	padding: 10px;
}

.modalbox
{
	border: 1px solid #afb5c1;
    background-color: #ffffff;
}

.modalbox_title
{
	background-color: #dbeafd;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}

.modalbox_title img
{
	margin-right: 10px;
}

.modalbox_item
{
	border-top: 1px solid #afb5c1;
	padding: 10px;
}