/**
    * o------------------------------------------------------------------------------o
    * | This package is licensed under the Phpguru license. A quick summary is       |
    * | that for commercial use, there is a small one-time licensing fee to pay. For |
    * | registered charities and educational institutes there is a reduced license   |
    * | fee available. You can read more  at:                                        |
    * |                                                                              |
    * |                  http://www.phpguru.org/static/license.html                  |
    * o------------------------------------------------------------------------------o
    *
    * © Copyright 2008,2009 Richard Heyes
    */

    /**
    * Modal Dialog
    */
    .modalBg {
        position: absolute;
        top: 0px;
        left: 0px;
        filter: Alpha(Opacity=50);
        -moz-opacity: 0.5;
        background-color: #ddd;
        visibility: hidden;
        width: 100%;/*expression(document.body.clientWidth);*/
        height: 100%;/*expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);*/
        z-index: 100;
    }

    .modalDialog {
        position: absolute;
        /*top: 0px;
        left: 0px;*/
        visibility: hidden;
        z-index: 101;
        background-color: white;
        position: fixed;
		left: 40%;
		top: 10%;
        /*top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);*/
        border: 1px solid #777;
        border-top: 0;
        padding: 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .modalDialog .modalDialogHeader {
        margin:0;
        padding: 0px;
        color: #333;
        font-weight: bold;
        background-color: #e32318;
        border: 1px solid #e32318;
        position: absolute;
        top: 0px;
        left: -1px;
        height: 7px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
    }

    .modalShadow {
        position: absolute;
        background-color: black;
        top: 0px;
        left: 0px;
        z-index: 99;
		left: 100%;
		top: 50%
        /*top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);*/
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    /**
    * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks
    * respectable.
    */
    h4 {
        font-family: Verdana, Arial;
        padding-top: 10px;
    }
    
    
    .cssDivPopupNews {
	position: absolute;
	width: 500px;
	height: auto;
	left: 40%;
	top: 20%;
	background-color: #fff;
	border: 5px solid #e32318;
	padding: 0px;
	
}

.close {
	float: right;
}

 .cssDivErrorPopup 
 {
	position:absolute;
	 top:10px;
	 left:70%; 
	 border: 1px solid #e32318;
	 background-color: #eee;
	 width:250px;
	 height:auto;
	 font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
}